Hello,
I use header style 6, always sticky with header logo. The header thrinks when moving the page down.
I like the dimensions of the trinking (small) header. I want the header to always have that thrinking dimension. This means the header will always be small, also when the page is on top.
How can I made the header so it is always small (like as it when thrinking)?
Thank you!
My test site: https://nlsupe-maduidong.savviihq.com/
Hi,
I could give you a code for that, I see that the logo is not loading currently on your website try to re-upload it
– https://www.screencast.com/t/0ENlKTGbW2
The code would be like this, it should make the header look permanently like in sticky mode. It can be entered in Theme panel->Custom CSS
.td-header-style-6 .td-header-menu-wrap-full {
height: 48px!important;
}
.td-header-style-6 .sf-menu > li > a, .td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 48px;
}
.td-header-style-6 .td-main-menu-logo img,
.td-header-style-6 .td-main-menu-logo a {
max-height: 48px;
}
Thanks
Hi,
Thank you, but is not really working.
The logo is not displaying correctly: https://www.screencast.com/t/GP3Ihv7FTE
The header also keeps transitioning to sticky mode. Like it refreshes the header when scrolling down. I need to disable the sticky mode and just keep one header that is shown always, with the same dimensions of the sticky header.
Is this possible?
Thanks!
Hi,
Now it should work, sorry for that. I forgot some parts of the code when I tested on my end
.td-header-style-6 .td-header-menu-wrap-full, .td-header-menu-wrap,
.td-header-main-menu {
height: 48px!important;
}
.td-header-style-6 .sf-menu > li > a, .td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search,.td-header-style-6 .td-main-menu-logo a {
line-height: 48px;
}
.td-header-style-6 .td-main-menu-logo,
.td-header-style-6 .td-main-menu-logo img,
.td-header-style-6 .td-logo {
height: 48px;
}
