Logo in menu

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…

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: https://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…

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?

All right, those parameters won’t cut it. I want the logo to be inside the “header-nav” wrapper (https://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;
}