Shrink sticky nav logo(button)

[Lobsterass]

Hi!

Sorry, I’ve really tried to fix this issue for hours. Could you please tell me how to shrink my logo only on sticky menu? The logo is a button (to change color on hover).

http://dev.aretalarna.se/

[ruenel]

Hello @Lobsterass,

Thanks for writing in!

Please edit your custom header and then setup the Shrink Amount in the bar settings.

Kindly check out this old thread: Header Builder: Change logo size on scroll

Best Regards.

[Lobsterass]

Hi!

Thanx, but I still have the same issue after doing that. I tried both my logo-button and your logo-image method. The nav bar is shrunk but the logo is the same size. I want the logo to shrink on sticky nav so that there’s some air, padding above and below it.

[prakash_s]

Hi @Lobsterass,

Add this code in the theme option’s CSS to shrink the logo on the scroll.

.x-masthead .x-bar-fixed .x-image{
  max-width:100px;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[Lobsterass]

Awesomeness! Exactly what I needed. Thank you so much!

<3

[marc_a]

Hi @Lobsterass,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.