Streaming live at 10am (PST)

[Solved] Glitching while resizing browser


#1

Hej!

I need some help on this. Basically I've got a sticky nav and slider. Nav has a size of 15% and the slider has 75%. Underneath it i've got a div with a heading at 10% size that slides over the slider but under the nav when scrolling down. So far so good. But I can't get everything to "stick together" when I resize the browser to simulate smaller screens. Currently I got a white glitch at the bottom where the heading is and it "moves" up to between the nav and slider when i resize.

All there elements (nav, slider and heading section) are in a section wrapper at 100%. Body is also 100%.

Somebody got a clue?

https://preview.webflow.com/preview/ystegarn-cafe-bistro?preview=4fe8e33ccc38163bb3c82c9e33d3aae4


#2

Looks like you have a top margin of 135 on the Landing Page Slider Class. Changing it to 110 removed the white space.


#3

I do, but when i changed it to 110, the white space became even bigger at the bottom header "Ystegårn Café & Bistro"...?


#4

are you changing just the top margin of the Land Page Slider Class? I didn't see that happen. Looking again.


#5

Yes, I did it change it to 110px now.


#6

@StevenP so it looks like you want it to now?


#7

What I did now was to remove the 110px margin and put the slider to 90%. It got better but still I've got a small white glitch at the bottom heading section that has a height of 10%.


#8

Okay..I got......I did missed that I've for some reason had put a 5px Move-up-pixel on the slider...
Sorry for bothering you with my idiotism, @jdesign!


#9

No worries. We all have those "I just can't see it" moments.

You might want to check the demo site that I think Will provided. There is a centered nav setup that might save you some time down the road. https://preview.webflow.com/preview/demokit?preview=72388b288a26874be319ca1f7412d4eb


#10

Thanks mate! I'll check it out!


#11