-
I would like to make your great theme have a static header and menus, just like this support site, but can’t seem to accomplish that. I am kind of a newbie and mediocre with CSS skills.
I tried updating the following css:
#header {
position:fixed;
z-index:1000;
width:100%
background:#ffffff
background-color:#ffffff;
top:0;
width: 100%;
-webkit-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.25);
box-shadow: 0 2px 3px rgba(100, 100, 100, 0.25);
}It works keeping the header static but the stuff below the menu just slides up to the top of the page behind the static header and menu and the top right where the social icons are is transparent so you can see everything slide up. Is there any way I can I keep this the information below the menu from sliding up initially and just start moving when it scrolling occurs? I hope I am being clear?
Thanks so much
Try adding the following styles:
#wrapper { margin-top: 225px; } #header { border-top: #111 3px solid; position: fixed; z-index: 1000; top: 0; width: 100%; max-width: 1140px; box-shadow: 0 2px 3px rgba(100, 100, 100, 0.25); background: #fff; } @media screen and (max-width: 1152px) { #header { max-width: 960px; } } @media screen and (max-width : 960px) { #header { max-width: 760px; } } @media screen and (max-width: 760px) { #header { max-width: 380px; } }
You must be logged in to reply to this topic.