Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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!



    Since there is no URL I will use the demo site ,, 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.


    Thank you Nick!

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

    Please, look at ‘Diving’ section of menu

    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!



    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.




    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.