Joomla Templates Club 406,261 posts

[ryanzroost Friend ryanzroostJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#128988

I am trying to get the spacing in the main nav at the top to be less and I can’t figure out where it is at, and in which css file. Can someone help me so I can change the spacing so I can fit more menu items on the top?

Thanks,

Ryan

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#250809

What menu type do you use ?
Please send link of your site !

[ryanzroost Friend ryanzroostJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#250858

I am using moo menu. You can see the site at http://www.arrowheadfeedandtrailer.com/index.php.

[tempusserbia Friend tempusserbiaJoin date: January 2008Posts: 270Downloads:0Uploads:5 Thanks: 29 Thanked: 32 times in 8 posts]

#250940

Look for: templates/ja_larix/ja_menus/ja_moomenu/ja.moomenu.css

open it and look for:

#ja-cssmenu li a (line 81)

{

padding-top: 10px;

padding-right: 30px;

padding-bottom: 10px;

padding-left: 30px;

display: block;

color: #c8c8c8;

background-color: transparent;

background-image: url(../../images/mainnav-sep.gif);

background-repeat: repeat-y;

background-attachment: scroll;

background-x-position: right;

background-y-position: bottom;

font-weight: bold;

font-size: 135%;

line-height: normal;

text-decoration: none;

text-transform: uppercase;

Only thing you have to do is to change value for padding to suit your needs.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#250978

Open emplates/ja_larix/ja_menus/ja_moomenu/ja.moomenu.css file , find following code section at about line 81 :


#ja-cssmenu li a {
background:transparent url(../../images/mainnav-sep.gif) repeat-y scroll right bottom;
color:#C8C8C8;
display:block;
font-size:135%;
font-weight:bold;
line-height:normal;
padding:10px 14px;
text-decoration:none;
text-transform:uppercase;
}


change into :


#ja-cssmenu li a {
background:transparent url(../../images/mainnav-sep.gif) repeat-y scroll right bottom;
color:#C8C8C8;
display:block;
font-size:135%;
font-weight:bold;
line-height:normal;
padding:2px 14px;
text-decoration:none;
text-transform:uppercase;
}


[newone Friend newoneJoin date: February 2008Posts: 34Downloads:7Uploads:0 Thanks: 4]

#251310

<em>@hainn84 55792 wrote:</em><blockquote>Open emplates/ja_larix/ja_menus/ja_moomenu/ja.moomenu.css file , find following code section at about line 81 :


#ja-cssmenu li a {
background:transparent url(../../images/mainnav-sep.gif) repeat-y scroll right bottom;
color:#C8C8C8;
display:block;
font-size:135%;
font-weight:bold;
line-height:normal;
padding:10px 14px;
text-decoration:none;
text-transform:uppercase;
}


change into :


#ja-cssmenu li a {
background:transparent url(../../images/mainnav-sep.gif) repeat-y scroll right bottom;
color:#C8C8C8;
display:block;
font-size:135%;
font-weight:bold;
line-height:normal;
padding:2px 14px;
text-decoration:none;
text-transform:uppercase;
}

</blockquote>
Could you help this user with a problem?
http://www.joomlart.com/forums/topic/extra-module-in-header/

[Author]

Posts