Menu Break Point Management
Laurent
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;
}
}
Paul Frankowski
Accepted Answer2nd 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.
Paul Frankowski
Accepted AnswerHi 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?
Laurent
Accepted AnswerYes 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.
Paul Frankowski
Accepted AnswerI can ask, by now only via CSS.
By how often you do have to change it? every single time
Laurent
Accepted Answerok 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.
Laurent
Accepted Answeryes 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 ;-)