Logo in the bar changing size when scrolling down

udedomenico · June 2020

We have noticed the logo in the sticky menu changes size when scrolling down compared to what it is when not scrolling.

Is there any way to avoid the logo size change?

We would like it to keep the same size, even when scrolling.

Thanks,

Umberto

Pablo · June 2020

Hello,

Well, it's possible but only with the "Fixed" header type or with Custom CSS code.

Please test, if "Fixed" header fits on your website.

Thanks

udedomenico · June 2020

I am not sure wher eto find the fixed header option...

could you let me know please?

Thanks!

Umberto

Pablo · June 2020

Of course, you can change that in the Theme Options > Header & Subheader > Header

https://prnt.sc/stmuou

Thanks

udedomenico · June 2020

ok thanks, I shall show it to my customer and in case I come back to you as you mentioned we might be able to keep the classic style with some CSS amendments right?

Pablo · June 2020

I'm not sure what you want to tell me.

Do you want to change by CSS code to make the logo not change his size when sticky while header is not fixed, right?

Thanks

udedomenico · June 2020

Exactly, I have just talked to the customer and he does not like the Fixed solution so I need to find another solution.... would you suggest a CSS code which allows us to keep the logo of the same size while sticky using the classic header?

Thanks

Umberto

Pablo · June 2020

Can you send us a link to your website?

I'll check what I can do.

Thanks

udedomenico · June 2020

Sure things,

here you go:

https://tobethat.net/

Thanks!

Umberto

Bryan · June 2020

Hey,

this css will let you change the height of the logo to the same height as the logo in the non sticky header

img.logo-sticky {height:30px !important;}

thanks

udedomenico · June 2020

Thanks, it worked like a charm

Umberto

Logo in the bar changing size when scrolling down

Comments