How would I reduce the height and font size of the standard graphene menu?

  • Venutius

    #10510

    Hi there,

    I wpuld like to make the menu a little less blocky by reducing the size of the font and the height of the menu items. IS there an easy way to do this? I assume I can add some CSS?

    Venutius

    #46306

    I’ve worked out how to change the font size and also the height of the menu, however, the menu text seems to have some padding on top, so I need to work out how to change that to prevent the text dropping outside of the menu area.

    Venutius

    #46307

    I seem to have fixed this, but now I want to change the size of the container for the drop down menu items, any ideas what the CSS code for this is?

    Venutius

    #46308

    Sorted it, this is the CSS I ended up using:

    ‘/* Menu modifications */

    /* changes menu font and size */

    #header-menu > li {

    font-size: 10pt;

    margin: 0 0 0 2px;

    height: 25px !important;

    padding 0 0px;

    }

    /* moves menu to top of page and fixes it in position */

    #header-menu-wrap {

    margin-top: -161px !important;

    z-index: 15;

    position: fixed !important;

    width: 97% !important;

    }

    #container {

    margin-top: 25px;

    }

    /* reduces the height and font of the sub-menu items in the drop down */

    #nav .menu ul li a,

    #nav .menu ul li a:visited{

    padding: 5px;

    }

    #nav .menu li ul ul {

    margin-top: -28px;

    }’

    Venutius

    #48979

    With Version 2.0, these modifications no longer work, I’ve tried a few css changes but not much has any effect. Any suggestions as to how to get a smaller static menu.

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

You must be logged in to reply to this topic.