How reduce/resize the top menu boxes/fonts? « Support Forum | Kriesi.at

Support Forum » Habitat

How reduce/resize the top menu boxes/fonts?

4 posts from 2 voices

Started 2 years ago by Poke13
Latest reply from Dude
This topic is not a support question

Tags:

Poke13
Member

I would like to reduce the size of the boxes and fonts for the top Menu to allow more space for a logo.

The menu is taking too much space up at the moment and taking focus away from the site logo.

Any help/tips would be much appreciated.

Poke13

Posted 2 years ago #

Dude
Dude

Hey, search for following code in style.css:

#top .nav a{
display:block;
float:left;
line-height:18px;
outline:medium none;
padding:2px 10px;
text-decoration:none;
width:95px;
min-height: 35px;
}

.nav li a strong {
display:block;
font-size:14px;
font-weight:normal;
}

.nav li a span {
display:block;
font-size:10px;
line-height:14px;
}

Change the width value "95px" to any value you like (i.e. increase it). If you want to change the font size, you need to adjust the values for "font-size" too.

Posted 2 years ago #

Poke13
Member

Thanks for that that is really helpful, I may have to come back to you on the fonts though ;)

Posted 2 years ago #
Dude
Dude

Glad that I could help you.

Posted 2 years ago #