Joomla Templates Club 406,261 posts

[thanili Friend thaniliJoin date: October 2007Posts: 29Downloads:11Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#206271

Hello guys,

i am trying to figure out how can i change mega menu width.

I have tried to check if there is such a parameter in template manager/mega menu but i can not see any relevant info!

Currently as you can see here:
http://iliop.com/mariasforum2/index.php/actions
i have 5 main menu items, i want some of them to be longer and i would like to add one more …

However if i try to do so, mega menu breaks into a second line below..

How can i change mega menu width? (loading in position: mainnav?)

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#570188

Try This . . . .

If you haven’t already done so, create a new file called “custom.css” within file path –> /templates/ja_magz/css/

Within that custom.css file, pate the following CSS rule:


.t3-mainnav .navbar {
width: 1300px;
}

Of course, you can experiment with the pixel value until you arrive at the result you’re most happy with.

SAVE CHANGES – CLEAR CACHE- REFRESH PAGE

Better ??

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#735260

Try This . . . .

If you haven’t already done so, create a new file called “custom.css” within file path –> /templates/ja_magz/css/

Within that custom.css file, pate the following CSS rule:


.t3-mainnav .navbar {
width: 1300px;
}

Of course, you can experiment with the pixel value until you arrive at the result you’re most happy with.

SAVE CHANGES – CLEAR CACHE- REFRESH PAGE

Better ??

[thanili Friend thaniliJoin date: October 2007Posts: 29Downloads:11Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#570191

Thanks Tom for replying!

i would rather prefer to set:

.row-fluid .span6 {}
.row-fluid .span4 {}

classes, to drecrease “.row-fluid .span4” width and increase “.row-fluid .span6”, since there is alotof unused space between them! So how can i control it? With css overrides? i can see that originally they are:


.row-fluid .span6 {
width: 48.181818181818%;
}
.row-fluid .span4 {
width: 30.909090909091%;
}

how does these percentages are produced? Can i decrease/increase their size and analogy from within template manager?

[thanili Friend thaniliJoin date: October 2007Posts: 29Downloads:11Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#735263

Thanks Tom for replying!

i would rather prefer to set:

.row-fluid .span6 {}
.row-fluid .span4 {}

classes, to drecrease “.row-fluid .span4” width and increase “.row-fluid .span6”, since there is alotof unused space between them! So how can i control it? With css overrides? i can see that originally they are:


.row-fluid .span6 {
width: 48.181818181818%;
}
.row-fluid .span4 {
width: 30.909090909091%;
}

how does these percentages are produced? Can i decrease/increase their size and analogy from within template manager?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#570192

Best to modify within CSS

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#735264

Best to modify within CSS

[thanili Friend thaniliJoin date: October 2007Posts: 29Downloads:11Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#570193

OK! thanks!

[thanili Friend thaniliJoin date: October 2007Posts: 29Downloads:11Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#735265

OK! thanks!

[Author]

Posts