Actually you could use header div class or id, than if you wanna hide some elements from sticky header just set element myfixed class to display: none; in css. Also you can resize logo and position it again using myfixed class while header is sticky…
Thread Starter
Ireneo
(@andonifer)
Thank you, damiroquai. But I can’t manage to put the logo and the nav bar one after the other (which is what I originally intended).
These are my CSS settings as of now:
.myfixed #nav-sub {display:none;} .myfixed #tagline {display:none;} .myfixed #header-social {display:none;} .myfixed #header-search {display:none;} .myfixed #header-line {display:none;} .myfixed #subheader-nav {display:none;} .myfixed #logo a {max-width:40%;}
And this is how it actually looks like on the site: http://i.minus.com/j2osDZEAjTEFQ.png.
So, what can I do to have the logo and the nav bar be on the same line? Much in Polygon‘s style, for example.
try to add something like this
.myfixed #header-inner {
float: left;
}
.myfixed #logo a img {
max-height: 30px;
}
.myfixed #logo {
padding: 0px;
}
I’m not sure if this work since I can’t test it, but you should try and let us know…
Thread Starter
Ireneo
(@andonifer)
Well, it works. Thanks a lot for taking your time helping me on this, pal.
Anyway, one last question (I promise) what if I want to switch the logo for another one?
Thread Starter
Ireneo
(@andonifer)
All right, those parameters won’t cut it. I want the logo to be inside the “header-nav” wrapper (http://i.minus.com/jbzyXPedWhf64c.png), and not floating to the far left of the screen. Can it be done?
Thanks in advance.
Yes it can, it’s just a css, try to add
#header .container {
max-width: 1025px !important;
}
.myfixed #logo a {
padding-left: 0px !important;
}
