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

Your Time: Our Time:

Off Canvas Menu Shadow / Menu Toggler

Featured Lock Resolved Issue
Hello,

I recently created the off canvas menu for my template. However, there are two problems in mobile mode.

1. I managed expand all menu items with the following css from the forum, but the menu toggle item does not disapear.


html body .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
html body .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
display: none;
visibility: hidden;
opacity: 0;
}

html body .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
display: block !important;
height: auto !important;
}

2. When I colapse the off canvas menu it leaves a shadow on the homepage.

The website is http://www.talent2match.net.

Thanks for the help

4 Answers

Hi,
Let me clear first.Do you want to disappear the toggler?Like this?
http://prntscr.com/pz3q2q
Then you should insert this custom css

body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
display: none !important;
}


Could you please share some screen shot of your problem.It will help me to solve your issue .
-Regards
Mehtaz

Andreas

3 weeks ago #Permalink
Hey,

thank you for the reply. I attached screenshot of the current situation on my Samsung. It is correct that the menu is unfolded and all sub-menu items are visible, but the +/- icon next to "We Offer" should not be visible.

The problem with the shadow when closing the menu I could not reproduce today. Yesterday it happened all the time. Therefore the second problem seems to be solved.

Best regards

Attachments (1)

  • Untitled.png
    Untitled.png 389.2 KB
Hey,

thank you for the reply. I attached screenshot of the current situation on my Samsung. It is correct that the menu is unfolded and all sub-menu items are visible, but the +/- icon next to "We Offer" should not be visible.

The problem with the shadow when closing the menu I could not reproduce today. Yesterday it happened all the time. Therefore the second problem seems to be solved.

Best regards


Hi,
Try this custom css

span.nav-header {
display: none !important;
}

-Regards
Mehtaz

Andreas

3 weeks ago #Permalink
I tried, but both the +/- icon is disappearing and the the menu header "We Offer". However, the menu header should still be visible.

I guess, from css I posted in my question and found in your forum it should be the "menu-toggler" element which should not be visible.


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Ofi Khan

Ofi Khan

Total Accepted Answers: 18
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 18

118

Templates

306022

Community Users

Newsletter

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