Streaming live at 10am (PST)

[Solved] Glitching while resizing browser



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?


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


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


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


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


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


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%.


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!


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.


Thanks mate! I'll check it out!