Parallax responsive problem

[disenadora]

Hi,
at the home page I have under the header with a parallax but is messed up. Although I have the content to window height still I have to scroll for all the content to appear even it’s video or image. Also at resize some of the text is missing (maybe of the custom css, but without it the text of the parallax is going on the bottom and not in the middle) but the problem is that if the site load at small window size and then go full screen the background page appears which I insert it for the mobile where there is no video playback.

[David Martin – Support]

Hi,

Is this mobile only?

Please add this CSS:

@media only screen and (max-width: 767px) {
.page-content .spb_parallax_asset.parallax-window-height .spb_content_wrapper {
    top: 50%!important;
    margin-top: inherit!important;
}
}

Thanks,
David.

[disenadora]

No, it’s not mobile.

The problem at window resize still exists. If i load the site at small window and then go to full screen there is a blank sidebar at the first parallax in homepage, amea.friends.com.gr

Can you please check it?

[David Martin – Support]

This looks to be the image parallax re-calculating the required size?

I don’t see any blank sidebar?

-David.

[David Martin – Support]

This looks to be the image parallax re-calculating the required size?

I don’t see any blank sidebar?

-David.

[disenadora]

How to reproduce,
load the site at the minimum width of the browser and then maximize the browser. There is a blank sidebar if no image applied to the parallax or the image if i set it. see screenshot

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hey,

Ah yes now I can replicate that perfectly – thanks.

Very odd, can you add this custom CSS:

.sf-parallax-video video {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
}

Does that fix the issue?

Cheers,
David.

[disenadora]

the problem partially resolved, it’s ok at the width but the problem is on height, it shows the background picture even if I load the site on full window

[David Martin – Support]

Hi,

Please try this:

.sf-parallax-video video {
    left: 0!important;
    right: 0!important;
    top: 0!important;
    bottom: 0!important;
}

Also, do you still get this issue on this test page: http://amea.friends.com.gr/video-test. I used a Row asset for the video.

Cheers,
David.

[disenadora]

Also at the page you made the problem exists.

I’m really tired of trying to fix something you provide as working. I want the first parallax at the homepage to be as the home eight (naked), why you removed it from the page builder? No full transparent header, but a parallax with video background and to work without problem at resize, centered text and properly work the windows heightt view, because now the buttons are too low and the icon i put cant see it unless i scroll.

Can you please make it like this? No background image problem after maximizing the window or sidebar.

Thanks

PS. I want to make my site live, but this is a big problem since it’s the home page. Please provide me a solution!

[David Martin – Support]

Hi,

I provided this page to test the video: http://amea.friends.com.gr/video-test

I have not edited anything else on your site.

-David.

[disenadora]

why you’re ignoring what i’ve written? I’m saying that also the page you made it’s not fully functional. i asked why you removed home eight from page builder, still no answer…

thanks for the support!

[David Martin – Support]

Hi,

The test page (To test the video) is just that, to test the video and nothing else.

I am not sure what you mean by “not fully functional”? Please explain this? I set the page up for you to test if you still experience the reported issues when using the Row + Video background page builder asset? It looks to me like like the issue is not present on the test page?

– I have not removed home eight from the page builder? Again, I do not understand what you are referring to as I have not deleted anything, nor would I even think about doing such a thing.

Thanks,
David.

[disenadora]

The problem with the test page is that although the video set to window content you have to scroll a lot to see the content. The text block I put on the row it’s not functional and it’s not centered to the window, again I have to scroll. Not had to see it!

For the Home eight pre-builted page I don’t mean you removed it, but swiftideas. It’s not in the page builder since some updates.

[David Martin – Support]

Hi,

Edit the Row and change from Window Height, to Content Height: PARALLAX VIDEO HEIGHT => Content Height

Re Homepage Eight, I have requested the content now so I should be able to send this to you today.

Thanks,
David.