I was wondering there is a setting or just some simple code that I can use to position the logo to extend the height beyond the menu section?

Basically we’re looking to have half the logo in the header and half extend below without pushing down the rest of the menu. We’re looking to do this so that the logo can be larger without pushing down the menu. This would only need to be for the regular menu, not the sticky menu.

I would appreciate any help and guidance with this. Thanks!

- Eddie

It could work with absolute positioning…
If you let me see your URL and a sample screenshot of what you are after I could try to help you out.

Here’s the link to the test site:

http://powertrainengineers2.flywheelsites.com/

Here’s an image describing what I’m trying to do:

http://powertrainengineers2.flywheelsites.com/wp-content/uploads/2016/02/Website-Logo-Resize-Example.jpg

Thanks and I appreciate your help.

- Eddie

Let’s see here, we’ll start off with taking the logo out of the regular header flow and setting its custom width height, only for the time when we haven’t scrolled (sticky header):

#header:not(.scrolled) .logo_img {
width: 270px!important;
height: 170px!important;
position: absolute!important;
}

Let me know how that does and we go from there.

Also, while I have you. I have one other question.

How can I have the horizontal minimal tabs be centered on the page?

It seems like by default they float left. Is there a way to have them centered?

Current webpage:

http://powertrainengineers2.flywheelsites.com/tabs/

Screenshot Example:

http://powertrainengineers2.flywheelsites.com/wp-content/uploads/2016/02/Centered-Tabs.jpg

Thanks again for your help.

- Eddie

Try this:

.newtabs {
    text-align: center;
}
.resp-tabs-container {
    text-align: left;
}
.resp-tabs-list {
    display: inline-block;
}

Thanks for the support, I really appreciate it

- Eddie