Hi,
Today, except doing CSS (see below), is there any easy way to change/adjust main menu break point for mobile and tablet?
Thanks
L.
@media (max-width: 1199px){
nav.sp-megamenu-wrapper .sp-megamenu-parent {
display: none !important;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
display: block !important;
}
.burger-icon {
margin-top: 23px;
}
}2nd option is to add option to reduce padding between menu items and reduce font-size on smaller screen resolution.
I do it in case of website with longer menu.
But I fully understand your point of view.
Hi L,
as I remember only via custom CSS.
The "small" problem for all CMS webmasters is that there are so many resolutions (devices) that it's mirracle to find a good break point. For example iPad Pro - with 12.9-inch screen is laptop size. Still treat as Tablet?
Yes you're right, it is a nightmare.
do you think this can be improved on next helix release?
I mean, a way to adjust that from template settings could be very helpful instead of using CSS manually.
any news?
I can ask,
by now only via CSS.
By how often you do have to change it? every single time
ok thanks.
depends on main menu size.
if the main menu is normal (small items words) that's fine, but if you build a website with long items names, break point has to be adjusted.
yes you're right, this is an idea.
for the moment I do this with css, padding etc..
but in case, if this can be improved by your dev team could be a nice option for helix.
thanks again ;-)
Added to wish list as we talked.
many thanks 😉
