Joomla Templates Club 406,261 posts

[hansnld Friend hansnldJoin date: June 2012Posts: 24Downloads:107Uploads:6 Thanks: 10 Thanked: 3 times in 1 posts]

#178945

Hello All!

I am trying to change the spacing in the TOP menu.
I need to reduce the horizontal space because I have a lot of categories.

I added a picture for you so you know what I am talking about

Thanx a lot!
H4NS

---

Attachments:

1. 

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#460409

I think what you want can be achieved by modifying this line

There are 2 places where line height is set. So you need to try one by one and see which one works for you.

(please take backup before making any change)

in ja_wall/css/navigation.css

find this

.menu li
in that line-height is 1.1 you can change that and see if it works for you

other place is
ja_wall/themes/##yourthemename##/theme.css

in that find this line

#mainnav .menu > li > a
here you have both height and line height so you need to modify both with same value

see if it works

[hansnld Friend hansnldJoin date: June 2012Posts: 24Downloads:107Uploads:6 Thanks: 10 Thanked: 3 times in 1 posts]

#460426

Thanx for your reply Prbalge,

I changed the 1.1 into 0.8 and later 0.5 but nothing did change.

theme.css i did find the mainnav .menu > li > a part.

Here it is, but I do not see a way to change the size,
Here is the script.

Thanx for your help, if you have other ideas, please let me know.

H4NS

/* MAIN NAV
——————————————————— */
#mainnav .menu > li {
border-right: none;
}

#mainnav .menu > li > a {
border-bottom: 5px solid transparent;
color: #ccc
text-shadow: none;
transition: border-color 0.2s ease 0s;
text-transform: uppercase;
letter-spacing: 1px;
}

#mainnav .menu > li:hover > a,
#mainnav .menu > li > a:hover,
#mainnav .menu > li > a:active,
#mainnav .menu > li > a:focus {
border-bottom-color: transparent;
color: #fff
text-decoration: none;
}

#mainnav .menu > li.active > a {
border-bottom-color: #c00
}

#mainnav .menu > li.active:hover > a,
#mainnav .menu > li.active > a:hover,
#mainnav .menu > li.active > a:active,
#mainnav .menu > li.active > a:focus {
border-bottom-color: transparent;
}

/* 2nd level and above —*/
#mainnav .menu > li.deeper ul {
background: #fff
border: 1px solid #000
box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

#mainnav .menu > li.active.deeper ul {
border-color: #000 /* Active Parent’s Popup*/
}

#mainnav .menu > li.deeper:hover ul {
margin-top: 44px;
}

#mainnav .menu > li.deeper ul li {
border-bottom: none;
}

#mainnav .menu > li.deeper ul li a {
color: #666
text-shadow: none;
transition: color 0.2s linear 0s;
}

#mainnav .menu > li.deeper ul li:hover a,
#mainnav .menu > li.deeper ul li a:hover,
#mainnav .menu > li.deeper ul li a:active,
#mainnav .menu > li.deeper ul li a:focus {
background: #000
color: #fff
text-decoration: none;
}

#mainnav .navnext {
right: 460px;
}

.

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#460453

in theme.css here is what I have

#mainnav .menu > li > a {
color: #858585
border-bottom: none;
font-family: 'PT Sans', sans-serif;
font-size: 1.167em;
font-weight: bold;
height: 45px;
letter-spacing: 1px;
line-height: 45px;
text-shadow: none;
text-transform: uppercase;
}

if you see I have height and line height. Kindly search again and see. Or let me know which style u r using under jawall

1 user says Thank You to prakash for this useful post

1. hansnld

[hansnld Friend hansnldJoin date: June 2012Posts: 24Downloads:107Uploads:6 Thanks: 10 Thanked: 3 times in 1 posts]

#460747

I am using the classic style template.

[Author]

Posts