SheFund Off-canvas Menu Doesn't Appear - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

SheFund Off-canvas Menu Doesn't Appear

R

RicoKir

Template 5 months ago

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

0
4 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #194561

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;}

0
R
RicoKir
Accepted Answer
4 months ago #195132

Thank you very much again

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #194538

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.
0
R
RicoKir
Accepted Answer
5 months ago #194545

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?

0