Disable sticky header change

[FriendMTS]

Hello,

Help is very much appreciated on the following matter:

On my website http://www-test.friendmts.com/ I am trying to maintain the same header even when scrolling.

As it is now, it zooms out as you scroll down, making the menu font smaller and removing the (unwanted) white padding around the logo.

Please, if you know a way to fix this, share it with me.

Many thanks!
Alina

[Ernesto]

Hi! You’ll need to go to your Custom CSS Section in your Theme Options Panel and enter the following code:

.sticky #site-logo {display: block!important;}

That should do the trick! Let us know if that worked for you!

[FriendMTS]

Thank you, Ernesto.

It doesn’t do anything I’m afraid. Any other way?

[Nexus]

Pls put the following code into custom css in theme options

#header.sticky #site-logo {
top: 15px;
}

#header > .inner > .wrap {
min-height: 100px;
}

#header.sticky #primary-menu > ul.menu > li > a {
line-height: 100px;
font-size: 18px;
}

#header.sticky #primary-menu > ul.menu > li:hover > ul.sub-menu {
top: 96px;
}

Hope that helps. Thanks!

[Author]

Posts