Support Forums

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: 129
Sifat

Sifat

Total Accepted Answers: 81
Toufiq

Toufiq

Total Accepted Answers: 66
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

293324

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

Cron Job Starts