Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25482

    Is there any way to change submenu items (and sumbenu headers) font size.

    To have it more condensed.

    Have to admit we have too many submenu items and it isnt looking great at low resolution screens.

    Would be great to increase columns number to 5 also…

    Thank you!

    #127138

    Hi,

    Since there is no URL I will use the demo site http://www.kriesi.at/themes/replete ,, the Shop menu item sub-menu as a template:

    Headers of Mega Menu

    #top h4.mega_menu_title {
    font-size: 18px;
    letter-spacing: 1px;
    }

    Sub Menu Items of Mega Menu

    #top #wrap_all .avia_mega_div > .sub-menu > li > ul > li a {
    font-size: 11px;
    letter-spacing: 1px;
    }

    Please add that to your /css/custom.css OR to Quick CSS located in Replete > Layout Styling… text area at the bottom of that page.

    #127139

    Thank you Nick!

    Yeah, it was my fault with link. I should have posted it.

    Please, look at ‘Diving’ section of menu http://tinyurl.com/ovsk86r

    Its quite populated and we need to add some more… but no space on regular resolution displays…

    So would be great to have smaller font and smaller vertical space between items of submenu.

    Thanks again!

    #127140

    Hi,

    You can add this this to your custom.css or Quick CSS:

    #top .main_menu .menu li ul a {
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    min-height: 15px;
    }

    #top #wrap_all .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 10px;
    margin-top: 10px;
    }

    #top .main_menu .menu li ul h4 a {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 2px;
    }

    This will decrease the size of the font and top margins of each columns.

    Regards,

    Ismael

    #127141

    And again – thank you Ismael.

    The code worked fine!

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

The topic ‘Changing font size for menu and submenu items’ is closed to new replies.