Public Forums 71,145 posts

[leighketchum Friend leighketchumJoin date: July 2010Posts: 16Downloads:1Uploads:2 Thanks: 9]

#153850

First, I can’t say enough nice things about T3! Wow!
I do have a question about Mega Menu. My drop-downs are 4 columns wide and are about 1000px. I would like to know how to make them just come straight down (not offset) so that they do not extend beyond the width of the screen.
Thanks, Leigh

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#353831

<em>@leighketchum 191781 wrote:</em><blockquote>First, I can’t say enough nice things about T3! Wow!
I do have a question about Mega Menu. My drop-downs are 4 columns wide and are about 1000px. I would like to know how to make them just come straight down (not offset) so that they do not extend beyond the width of the screen.
Thanks, Leigh</blockquote>

Just only go to your back-end > Menus Management > Main Menu, select the menu that has its sub-menus are splitted to 4 columns for edit. Then input 1 into Column field (Parameters JA Extended) or any number that you want to re-order your menu.

1 user says Thank You to Don Lee for this useful post

1. leighketchum

[leighketchum Friend leighketchumJoin date: July 2010Posts: 16Downloads:1Uploads:2 Thanks: 9]

#353870

Thank you for your fast response. My columns are showing up properly; I have that under control. Here is a link to the beta site:

http://number12horse.com/sandbox/

If you click on “Lowboys” in the main menu, it opens “offset” to the left. This takes the left column off the visible screen (unless you have a wide monitor). I was hoping to find out how to disable the offset so that all the menus would slide down from the far left end of the navbar.

Thanks, Leigh

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#353917

Hi,
You can do this by difine an additional CSS class for the menu. Go to manage it, input a class name to the field “Additional class” like “lowboys” for example. Then find file template.css in your template folder, open it for edit, add this code to the bottom: (only for ex)

.lowboys{
margin-left: -50px;
}
(Adjust the number to best fit to your site).
You can do that for other items.

1 user says Thank You to Don Lee for this useful post

1. leighketchum

[leighketchum Friend leighketchumJoin date: July 2010Posts: 16Downloads:1Uploads:2 Thanks: 9]

#354006

Thank you! So simple to fix.
Leigh

[Author]

Posts