Joomla Templates Club 406,261 posts

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#191941

Need help to reduce the menu spacing and also extend the allowable menu space so menu items are all on the same line on http://www.aspanishproperty.com

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

#511064

Within file path –> /templates/ja_magz/css/template.css
at line 1851, you will see the following:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #1A2C4A
border-top: 0 none;
color: #FFFFFF
font-size: 12px;
font-weight: 700;
padding: 3px 20px;
text-shadow: none;
text-transform: uppercase;
}

Modify the “padding” property to reduce the space between each menu item – for example:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #1A2C4A
border-top: 0 none;
color: #FFFFFF
font-size: 12px;
font-weight: 700;
padding: 3px 10px;
text-shadow: none;
text-transform: uppercase;
}

You can, of course, play around with the pixel value until you arrive at the result you’re most happy with.

Hope That Helps

2 users say Thank You to TomC for this useful post

1. tfosnom
2. giuliano m

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#511076

<em>@TomC 396369 wrote:</em><blockquote>Within file path –> /templates/ja_magz/css/template.css
at line 1851, you will see the following:
Removed for brevity
Hope That Helps</blockquote>

@ TomC and Mods
This is a valuable answer to a commonly asked question, can we please make use of the nearly empty “Solved” area of this forum for items of importance like these and get this and other common FAQ answers moved there please?

1 user says Thank You to tfosnom for this useful post

1. djmarkus

[Author]

Posts