How can I make the logo and the menu to have the same size when it is scrolled like when it is not scrolled?
Screenshots here – https://drive.google.com/file/d/1eJrKB3p9I40uH-rFRWNgPWrgIAPYzv_n/view?usp=sharing
Hello @padix!
Please edit the homepage with TagDiv Composer, scroll the page when you edit it with Composer, and you can edit the sticky header and the logo too.
Or check this video to understand where exactly you can find the sticky header and how you can modify it: https://www.screencast.com/t/vA8nj6T90x57
Make sure that the padding and sizes are the same as the normal header.
Thank you!
Hey,
I’m using this ‘No template’ style 5 menu – https://drive.google.com/file/d/1A9hysySSSYo_j3zBS2OvEvKY7s4gYvyL/view?usp=sharing
From menu templates, I can’t find this style I want to keep, nor the video you shared is not useful.
Best,
Hi,
That is an standard template and there are only a few settings for it. The simple way to make the sticky is normal headers the same is to set an Line height -> https://i.imgur.com/ZuT1gil.png
I hope this will help!
Hi,
Let’s try one more time.
Please try this custom css:
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 60px!important;
}
.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 60px!important;
}
Set it in the theme panel > custom code> custom css.
It will make the sticky menu to be like the fix one.
Let me know the results!
Hi padix, something is not right here, since the above code was made on your website and it apply correctly -> https://i.imgur.com/jmh56fu.jpg here is also a video -> https://we.tl/t-C5VXw2nJ3V
Where did you set the code because right now I can not se it on your website, can you please provide some screenshots ? If the code is set and there and there are no other plugins interfering it should apply without problems.
Thank you!
