Hi
I am using Header 7, and the sticky menu displays a smaller size logo & changes the placement of the menu when scrolling down/up.
I’m using this CSS at the moment to keep the height of the menu smaller than the default.
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 68px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 68px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 68px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 68px;
line-height: 68px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 68px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: auto;
top:0;
}
Please let me know how to keep the logo the same size – for when it’s in static mode & sticky mode.
Thanks
Hello,
You can upload a separate logo for the sticky menu: https://www.screencast.com/t/xo9fT3bJpLcq
Thanks.
I have that option selected, but the problem still persists.
Please provide a link to your site so I can inspect it.
Ok,
Please add this custom css code into your theme panel:
@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 62px !important;
}
.td-header-wrap .td-affix .td-main-menu-logo a{
line-height: 67px !important;
}
.td-header-wrap .td-affix .sf-menu > li > a{
line-height: 68px !important;
}
}
Thanks
Thank you – the logo stays the same.
However the menu still shifts up for the sticky menu?
Thanks for the help.
Try to change the last part with this one:
#td-outer-wrap .td-header-wrap .td-affix .sf-menu > li > a{
line-height: 68px!important;
}
Leave an closing bracket though after it.
Thanks.
