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