Hi,
I am wondering how to make a Home logo in sticky menu.
I know that I can make logo mobile. However, using the logo mobile, make the menu becomes 2 lines.
If I make the logo mobile very narrow, it does not look nice on mobile device.
Any solution for this?
thanks
st
Hi,
A solution will be to add a link to your menu and display an image(logo) there – http://screencast.com/t/VE5x0uBDJ
Now you need to hide it on main menu and show it only for sticky menu via custom css(using menu item unique class) and also hide mobile logo that is used by default in sticky menu: http://screencast.com/t/UbdA7KAqv
For mobile screens will remain mobile logo that you have set in Theme Panel: http://screencast.com/t/LqFLma80C
@media (min-width: 768px){
.td-main-menu-logo.td-logo-sticky {
display: none;
}
}
.sf-menu .menu-item-1707{
display: none
}
.td-affix .menu-item-1707 {
display: block;
}
.menu-item-1707 img {
max-width: 50px;
max-height: 40px;
}
Thanks!
Great. Thanks
