Mobile Slider is being hidden beneath a 'white box' - unable to find the 'box'

Hi Guys,

I’ve almost completed my website but found one issue with the site only on a mobile screen.

A slider I have keeps disappearing behind a ‘white box’, but I’m not able to find this white box in the navigator.

As you can see in the picture below, there is no problem when it is on the smallest screen option, and the Mobile Slider Nav is visible:

However, when I make the screen size larger, the slider covers the Nav bar and then continues to disappear below some invisible white box.

Is there any way to make sure the Nav bar and the bottom of the site move down so as not to disappear on larger mobile screens?

Here is my site Read-Only:

I’ve also noticed that the first item (the ‘Featured’ item) is at a different hight to the next few items, and I don’t seem to be able to adjust this at all! Image included below:

My Read-only site link: Webflow - DJ Policy Website

Since I can’t publish the website, you must let me know if it works, but I got a quick solution. It’s not the most elegant, but give the div Mobile Slider a height of 145VW

And give the Mobiel Slide Nav this styling:

Hi Rory!

That seems to have fixed the issue for the bottom being cut off! Thanks a million for that!

I’ve still confused as to why the slides following the first ‘featured’ slide seem to be different sizes/heights. Is there some setting I have adjusted for one but not the others?

Thats because only the first slide has 47px top margin :slight_smile:

Ahh yes! Thank you so much Rory! I’m nearly finally done with this project!

1 Like