With Helix Ultimate on screens 990px and below it shows the burger button:
above 990 it shows the full menu. I want it to show the burger button at 1199px and below, not at 991.
Tha's what it is:
This is what I want:
Therefore I needed to add this to thew custom CSS:
/*** Tablet menu FIX ***/
@media (max-width: 1199px) {
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-size: 16px;
}
.d-none {
display: none!important;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
display: block!important;
margin-top:1rem;
}
}
My question is: CAN I DO THIS WITH TEMPLATE STYLE SETTINGS OR NOT?