Sticky navigation bar covering content

[nolimit966]

Hi there,
my current website features a sticky navigation bar on the homepage which overlaps 136px (the height of the navigation bar) of the content on the front page which is fine as i have a big slider on the front of the page and its purposly intended design wise, but on the other pages I don’t want the navigation bar to overlap the top of the page ( i just want it to stick when users scroll down). What would be the best method for doing this?

Here is an image of it overlapping to give you a better example of what i mean:

http://s21.postimg.org/j8er0ls79/screen.png

Thank you

[Paulie_D]

On the pages where you have overlap you would need to give the first overlapped element padding-top at least equal to the height of the stick header.

[nolimit966]

yeah, thats exactly what I attempted to do. The only problem im developing this within WordPress so it shares a common page.php layout so if it is altered the homepage will also change. I will probably have to create a ‘if homepage’ condition in PHP.

Thank you

[Author]

Posts