Support Forums

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

Your Time: Our Time:

Helix menu to display dropdown in columns

Featured Lock Resolved Issue
Using the Helix megamenu on my demo site (http://www.tvjsn.com/demo/), I would like the menu items of sub-menu dropdown to be full width (1170px across) in columns and rows. But it only displays as dropdown in a single column. Of course when I try to change menu layout in "+ Manage Layout", I get columns but only options to add modules.

How can I get the sub-menu items across in columns and rows. See example image of similar effect.

Demo site - http://www.tvjsn.com/demo/ (mouseover "News & Sports). I would like items in that sub-menu across (1170px) in 6 columns.

Attachments (1)

  • menu-across.jpg
    menu-across.jpg 42.7 KB

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi, Thanks for your query. Please check your website. Your requirement wise sove your problem.

Done by custom css using

.sp-clm .sp-dropdown-inner ul {
width: 400px;
display: block;
background: #fff;
}
.sp-clm .sp-dropdown-inner li {
float: left;
width: 200px;
background: #fff;
}


-Thanks

O. Harris

More than a month ago #Permalink
Toufiq wrote:

Hi, Thanks for your query. Please check your website. Your requirement wise sove your problem.

Done by custom css using

.sp-clm .sp-dropdown-inner ul {
width: 400px;
display: block;
background: #fff;
}
.sp-clm .sp-dropdown-inner li {
float: left;
width: 200px;
background: #fff;
}


-Thanks


Thank you. This worked fine.

Toufiq - Staff

More than a month ago #Permalink
Othniel Harris wrote:

Toufiq wrote:

Hi, Thanks for your query. Please check your website. Your requirement wise sove your problem.

Done by custom css using

.sp-clm .sp-dropdown-inner ul {
width: 400px;
display: block;
background: #fff;
}
.sp-clm .sp-dropdown-inner li {
float: left;
width: 200px;
background: #fff;
}


-Thanks


Thank you. This worked fine.



You are most welcome


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 142
Toufiq

Toufiq

Total Accepted Answers: 63
Shibbir

Shibbir

Total Accepted Answers: 27
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5
Pavel

Pavel

Total Accepted Answers: 4

100+

Templates

200,000+

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