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

Your Time: Our Time:

how to expand the menu

Featured Lock Resolved Bug

How to expand the main menu and secondary menu to fit more items?

Reduce the space between the menu items didn't work
(I created custom.css
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {padding: 0 10px;}
- space has increased)

Reduced fonts, but the necessary items don't fit.
Through the template settings (layout builder) also failed to expand

Many thanks

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside your custom.css file.

.secondary-menu > li, .sp-megamenu-parent > li {
padding-right: 20px;



More than a month ago #Permalink
many thanks :-)

Toufiq - Staff

More than a month ago #Permalink
many thanks :-)

Hi there, You are most welcome & Thanks

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: 120
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 67
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 53
Ofi Khan

Ofi Khan

Total Accepted Answers: 51


Total Accepted Answers: 50




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