Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2195

    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

    #37061

    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.

    #37062

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

    #37063

    Glad that I could help you.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How reduce/resize the top menu boxes/fonts?’ is closed to new replies.