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

Your Time: Our Time:

My menu is on two lines instead of one line

Featured Lock Resolved Issue
Hi I'm trying to do the menu on my website but when I have 8 items, the last goes to a new line. Plenty of room up there so not sure why the containing div isn't just expanding to allow for extra items.

Attachments (1)

  • menu issue.jpg
    menu issue.jpg 37 KB

3 Answers

Kamron Brooks

More than a month ago #Permalink
Hi. task for webmaster kid.

Just reduce space between menu items:


.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {padding: 0 10px;}


yes, this tip is also in Helix Ultimate Manual > FAQ


Thanks for being insulting AND suggesting a fix that didn't work.

Getting rid of the padding altogether fixed it. Can do without the attitude in the future thanks.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi. task for webmaster kid.

Just reduce space between menu items:


.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {padding: 0 10px;}


yes, this tip is also in Helix Ultimate Manual > FAQ


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: 102
Toufiq

Toufiq

Total Accepted Answers: 53
Sifat

Sifat

Total Accepted Answers: 38
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 22
Ofi Khan

Ofi Khan

Total Accepted Answers: 21

119

Templates

306605

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