Shrink-menu-logo-upon-scroll-down-back-to-full-size-at-top-again-smoothly

Support
#1

Hey X theme,

Thank you for all your support and energy in putting together X and X Pro.

I’d like to shrink a custom header made in the header builder in Pro, similar to this thread used for the X theme header - shrink-menu-logo-upon-scroll-down-back-to-full-size-at-top-again-smoothly

Would the same javascript work in this case? And if so what would the classes be changed to for the Pro header?

Thanks in advance,

.

#2

Hi There,

On Pro you dont need any JS.

Click on your BAR on Pro header builder.

Select : Sticky : ON

Setup the Shrink Amount.

Hope it helps!

#3

Thank you! That’s great! I completely missed that section popping up in fixed menu.

Could I ask, is there possibly any way to have the logo image shrink on scroll as well?

Warm regards,

#4

Hi There,

That Shrink Option is available on BAR. That means all elements inside the BAR will shrink on scroll down and go back to original size on scroll up. If your logo is inside the bar it should shrink as well.

#5

The bar shrinks, but not the image (logo), wich keeps it’s size also overflowing outside the bar.

#6

Hello @llribas,

Thanks for updating this thread. To resolve your issue, please do not use fixed width for your logo. You will have to use “Scaling” width so that as soon as the bar shrinks, the log image will shrink as well.

Hope this helps. Please let us know how it goes.

#7

Yes, now it works, thank you.

#8

You’re welcome!