Off-canvas Menu Burger Icon is Not Displayed - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off-canvas Menu Burger Icon is Not Displayed

U

Ursula Wörgötter-Wagner

Template 3 weeks ago

I am using Joomla 6, SP Pagebuilder Pro and Helix Ultimate in the current version. After the update, the burger icon is no longer displayed on some pages. However, this only happens when I have Megamenu and Off Canvas set to the right. When I have Megamenu and Off Canvas set to the left, the burger icon is displayed. I did not make any changes before or after the updates.

0
10 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 weeks ago #208345

Hello Ursula Wörgötter-Wagner,

Sorry for the inconvenience you're experiencing with the off-canvas menu. Could you please check if the burger icon is now displaying correctly on your end?

Looking forward to your response.

Best regards

0
U
Ursula Wörgötter-Wagner
Accepted Answer
3 weeks ago #208346

Yes, the menu is now displaying correctly. What was the error?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 weeks ago #208348

Hello Ursula Wörgötter-Wagner,

Sorry for the inconvenience. There appears to be a CSS issue in the template causing this. I've applied a fix to your site, and the fix will also be included in the next update.

Best regards

0
U
Ursula Wörgötter-Wagner
Accepted Answer
3 weeks ago #208351

Thanks for your reply. Could you please send me the CSS fix? I have two other pages where I'm experiencing the same problem.

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 weeks ago #208352

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

@media (max-width: 991px) {
  #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler {
    display: flex !important;
  }
#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: right;
}
}
0
U
Ursula Wörgötter-Wagner
Accepted Answer
3 weeks ago #208354

It's not working on this page. Could you please take a look at it? Thank you

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 weeks ago #208355

Try this

@media (max-width: 991px) {
  #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
    display: flex !important;
  }
#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: right;
}
}
0
U
Ursula Wörgötter-Wagner
Accepted Answer
3 weeks ago #208361

It's not working. Could you please take a look at my page?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 weeks ago #208364

Check now

0
U
Ursula Wörgötter-Wagner
Accepted Answer
3 weeks ago #208370

It now works on all pages except this one: https://golfakademie-radstadt.at I inserted the code into custom.css exactly as you did. Could you please take another look at it? Please let me know what I did wrong.

0