Return to Support

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

Home Forums Graphene WordPress theme Support How would I reduce the height and font size of the standard graphene menu?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10510
    Venutius
    Member

    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?

    #46306
    Venutius
    Member

    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.

    #46307
    Venutius
    Member

    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?

    #46308
    Venutius
    Member

    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;

    }’

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

You must be logged in to reply to this topic.