-
Posts
-
Hi
I would like to create a fixed header like this website : http://newsite.expresswriters.com
Unfortunately i can’t figure out the custom code.
This example includes a logo which does not resize during scroll down, is fixed, with bottom navigation, social icons AND footer nav…
It would be awesome to implement this on my site.Thanks in advance.
Hi markbener!
You can take a look at their child theme css file here: http://newsite.expresswriters.com/wp-content/uploads/dynamic_avia/child_enfold.css?ver=1
The header is not set to fixed from the theme options but instead done via their own css. Look for #header.
There are quite a few others but thats the source for how its all done.
Regards,
DevinI spoke too soon..
The right side of my fixed header extends over the small fixed portion of my layout.
I added a width: px attribute and it messed up my mobile responsive header.any help would be appreciated
Mark
How do i push the main container down?
after the fixed header change the main content starts about 80-100 px behind the header.Thanks in advance
Mark
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_boxed #main { padding-top: 136px; }Best regards,
YigitThanks Yigit!
That worked…
I fixed the header length myself with:
#header {width: 1130px !important;} and it works on desktop however the header is shifted under all mobile platforms :(here how it looks.
https://dl.dropboxusercontent.com/u/33243363/2013-12-18%2020.25.59.pnghttps://dl.dropboxusercontent.com/u/33243363/2013-12-18%2020.26.05.png
is there a better code?
web url: http://www.barbadosapartment.com
- The topic ‘Fixed Header example’ is closed to new replies.