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

Your Time: Our Time:

Offcanvas icon and search icon overlap on menu

Featured Lock Resolved Bug
Hello,
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.
Kurt

Attachments (1)

  • Capture.JPG
    Capture.JPG 44.9 KB

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
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
Toufiq

Toufiq

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

120

Templates

310727

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