When I rotate the tablet in portrait mode, the menu breaks down and gives me this problem. How can I solve it?
Hi,
You can use this css, add it in theme panel > custom css:
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
width: 70px !important;
font-size: 12px !important;
text-align: initial !important;
}
}Hope this helps!
Thanks
Hi Lucian,
I’m writing it again for the same problem.
It’s strange.
I’ve just changed the name of an item of the menu and there’s the same problem.
http://prntscr.com/4eo3fj
How can I fix this?
thank you
Ps
the website is online, so you can have a look.
http://www.socializziamo.net
Hi,
Please remove the css I initially provided and use this one, make sure you add it like this: http://screencast.com/t/nqPBLr7AF3f
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
width: 60px !important;
font-size: 11px !important;
text-align: initial !important;
}
.sf-menu .menu-item.menu-item-1442 a, .sf-menu .menu-item.menu-item-544 a, .sf-menu .menu-item.menu-item-546 a {
width: auto !important;
}
}
@media (min-width: 1018px) and (max-width: 1200px){
.sf-menu li a {
width: 98px!important;
font-size: 14px!important;
}
.sf-menu .menu-item.menu-item-1442 a {
width: auto !important;
}
}
I’ve tested this on your site should work fine: http://screencast.com/t/iBB1semS
Thanks
Thank You for the quick answer..
Now It works properly 🙂
thanks again
