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

Your Time: Our Time:

Offcanvas icon and search icon overlap on menu

Featured Lock Resolved Bug
when I use the search icon and offcanvas icon in the menu the icons are too close. See attached image.
Thanks for letting me know how I can put space in between these two icons.

Attachments (1)

  • Capture.JPG
    Capture.JPG 44.9 KB

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
it should be easy to fix.
In template settings -> Menu tab - set just Mega Menu without Offcanvas menu [=]
do not worry mobile menu will appear anyway on mobile view.
but if you want both icons on desktop view.... we have to use one line of custom css.
In Custom CSS field also in template settings please add:

#offcanvas-toggler > i {padding:0 10px;}

There are replies in this post but you are not allowed to view the replies from this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 111


Total Accepted Answers: 67
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 26
Ofi Khan

Ofi Khan

Total Accepted Answers: 12
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 9




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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us