Docs

[Sabacon]

Hi,

I am using the Integrity Stack and recently(maybe after the update to WordPress 4.7) the mobile view of my website Sabacon.net has two large white bands on the top and bottom of the Layerslider. These two white bands take up two thirds of the screen. How do I fix this?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

div#layerslider_2 {
    height: auto !important;
}

Hope that helps.

[Sabacon]

Hi Christopher,

Unfortunately this made things worst. The bands are gone, but now the slider intermittently shows up on top of a the next section and then disappears. Before desktop was working and now all views do not work. Sabacon.net

[Christopher]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Sabacon]

This reply has been marked as private.

[Rad]

Hi there,

It’s trying to fill the viewport (full-screen), but the aspect ratio of images and content doesn’t match. Hence, spaces appear. It’s the same as black bars on videos, the video size doesn’t match the screen hence filling the remaining space with black.

You should edit your slider settings and instead of Full-Size, change it to Responsive. And canvas width and height should match the image size that you’re trying to display.

Thanks!

[Sabacon]

Thanks. It works before without that, but it works now. I think it was the update.

[Lely]

Glad this is now sorter out.

Cheers!

[Author]

Posts