Hi,
Can we make the menu go into the collapsed mode earlier or make some items disappear to avoid this issue ?
Also on ipad i have second line of menu how can fix it ?
on mobile menu works normaly but on ipad ?
Hi,
Replied via dashboard.
Thank you, Emil G.
Hi i have some question
How can i do menu on ipad always wrapped ? if it possible please explain how can i do that
thanks for helping
Hi,
You can do it by setting an smaller font size for the menu items or lower padding between them.
Please also provide your site’s URL, I need to inspect this in order to provide an accurate solution for this.
Please let me know.
Thanks
Here i smy site url http://316news.org/
Hi,
Please try this custom css:
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-left : 0px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 23px !important;
}
.sf-menu > li > a {
font-size: 13px !important;
}
}
Hope this helps!
Thanks
Hi i am very thankful it helps 🙂
But i have some question
Why web site loads like this like in photo thank you very much
https://www.dropbox.com/s/54jku35mscl577l/Screenshot_1.png?dl=0
Hi,
That usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page. This problems were reported when using the latest plugin version which is 3.0 and which was provided with the latest theme version (4.6).
I suggest you deactivate all plugins to make sure this doesn’t happen due to others plugins you use and also turn off the html/js/css minifier and if this issue persists send us an email at contact@tagdiv.com with a request for it and we will send it to you.
Thanks
i Have this problem even when i deactivate w3total cache
The problem with page loading i have already repair it thanks for help
Hi i have the same problem on ipads and smaller resolution, menu must me on 1 string
https://www.dropbox.com/s/54jku35mscl577l/Screenshot_1.png?dl=0
Hi,
If you use many menu items or long words, it will break on 2 rows. Lucian provided above a css for the old version and you can do the same, something like this – http://screencast.com/t/EfUqYzmOk But for smaller screens it is still on 2 rows – http://screencast.com/t/4x3pT95j
@media(min-width: 768px) and (max-width:1018px){
.sf-menu>li>a {
padding: 0 5px;!important;
font-size: 12px;
}
.sf-menu .td-icon-menu-down {
padding-left: 2px;
}
.sf-menu a.sf-with-ul {
padding-right: 8px !important;
}
.sf-menu li .fa-home {
margin-right: 0;
}
}
@media(min-width: 1019px) and (max-width: 1140px) {
.sf-menu>li>a {
padding: 0 8px;!important;
}
.sf-menu .td-icon-menu-down {
padding-left: 3px;
}
}
Thanks!
