Dear all,
I installed the quick start for the shefund template and haven't made any further settings or changes. Updated to Joomla 5.3.1 and PB 5.6.1 - using PHP 8.2.
Unfortunately, when I reduce the resolution, the main menu disappears, but the off-canvas menu doesn't appear. What could be the problem?
Best regards
Sorry, I forgot about space (margin) between lines. Yes, I updated shared code.
In my code change that line from
.burger-icon > span {display: block; height: 2px; background-color: #000;}
to
.burger-icon > span {display: block; height: 3px; background-color: #000; margin: 4px 0;}
Thank you very much again
Hi,
Sorry for the issue. Easy to correct, but Donate button must be hidden in Mobile view to have space for [=] menu icon.
As we teach in Helix Ultimate guide, in Template Options > Custom Code > Custom CSS
Copy & paste those lines
@media screen and (max-width: 840px) {
#sp-menu .sp-module {display: none;}
#offcanvas-toggler {line-height: 75px; height: 75px;font-size: 20px;}
.burger-icon {width: 25px;cursor: pointer;}
.burger-icon > span {display: block; height: 3px; background-color: #000; margin: 4px 0;}
#sp-header #offcanvas-toggler {display: flex; align-items: center;}
} Just do it, and Save settings. You can also use (new) custom.css file.
Remember to check if Menu module was published in "offcanvas" position as well, with chosen Menu. Thanks for the quick response, Paul.
It worked so far: the burger icon is visible, but only with one line, not the usual three or four. Can this be also adjusted?