We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Off-canvas in Mobile and Tablet mode full screen error

Featured Lock Resolved Issue
Dear Support group,

For my website I don't usually need the off-canvas menu. But when switching to tablet or phone I have an issue with the off-canvas menu. It covers the complete website and makes it white.

In the pictures attached some screenshots of the same website in the frontend editor viewed in PC and tablet screen.

Can anyone tell me what is wrong and how to fix?

Best Regards,

Jorrit Thijssen

Attachments (2)

  • Schermafbeelding 2019-12-03 om 20.19.56.png
    Schermafbeelding 2019-12-03 om 20.19.56.png 250 KB
  • Schermafbeelding 2019-12-03 om 20.20.10.png
    Schermafbeelding 2019-12-03 om 20.20.10.png 135.4 KB

6 Answers

Rashida Rahman - Staff

More than a month ago #Permalink
Please use the following code to your custom CSS:

.icon-bar {
position: fixed;

#offcanvas-toggler.offcanvas-toggler-right {
padding: 25px;

#sppb-addon-1574013774497 h2.sppb-addon-title {
line-height: 50px;

Hope the above code will solve the issue for you.

Note: Path towards custom CSS:
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

Best Regards

Rashida Rahman - Staff

More than a month ago #Permalink
Thanks for your query.
Would you please share your site URL here, that would be better to understand your issue.

Best Regards

Lia Thijssen

More than a month ago #Permalink
Hi Rashida,

site url is: https://www.baan-balans.nl/

Lia Thijssen

More than a month ago #Permalink
Great, this worked!

Rashida Rahman - Staff

More than a month ago #Permalink
Great, this worked!

Glad to know that!

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us