Support Forums

Support Offline : 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)

Sifat

Sifat

Total Accepted Answers: 101
Toufiq

Toufiq

Total Accepted Answers: 87
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 86
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2

115

Templates

295673

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