Hi Team,
Please could you advise on CSS code to increase sticky menu height.
I assume the logo will also be responsive if the height is increased.
Thanks!
Hi George,
Please try the code below in Theme panel, for increase sticky menu height, like this: http://screencast.com/t/bxuvKjMy
http://screencast.com/t/KZ67Scm5tl
.td-header-menu-wrap.td-affix {
height: 80px;
}
Thanks.
Hi Catalin,
Thanks for your reply.
Though I see the code has increased the sticky menu height I still the logo top aligned when scrolling.
Screenshot:- http://www.screencast.com/t/NJCcpgXi
An immerse space is also displayed below logo and menu titles.
Please advice so that logo and menu titles are centered n sticky menu even when the height is increased.
Thanks!
TO keep it rather simple, when the sticky menu height is increased, the logo and the menu titles should be aligned to middle so that they are not cut down like in screenshot attached below:-
Hi George,
Please try a bit of css in Theme panel->Custom css area like this: http://screencast.com/t/HIgpmROxf5
.td-header-style-7 .td-affix #td-header-menu {
margin-top:15px;
}
.td-header-style-7 .td-affix .td-header-sp-logo img {
margin-top:15px;
}
The result should see here: http://screencast.com/t/aUhRqsoQN
Thanks!
Many thanks Catalin – I’m able to see expected output.
