Navbar menu size - by 3Q - on WordPress WooCommerce support

Solved6 replies2 participantsUpdated by 3Q

  • Avatar: 3Q
    3Q
    Participant

    hello again!…

    In tab i want to set the nav menu size to be smaller i have tried to use even css code as under Custom css > TAB:

    .header-main-menu.et_element-top-level .menu > li > a{
    font-size: 14px !important;
    }

    but doesnt work… Is there any option to? because on tab my nav menu coming each others top…

    #247858 Copied Theme version: 6.3.9 WooCommerce version: 4.3.2

    6 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Theme Options > Header builder > Main menu > change Content Zoom (%)
    or use the next custom CSS code

    .et_b_header-menu.et_element-top-level .menu > li > a {
    font-size: 14px;
}

    Regards

    #247870 Copied
    Avatar: 3Q
    3Q
    Participant

    Hellol;

    The desktop size is good, all i need to change the size of nav in Tablet as you can see the screenshot this ( pls check in private content area ) they are top each others, i want to reduce the size in tablet so they will be in one line….

    i have already used your code in THeme Custm CSS > Tablet ;

    but not work, the size isnt reduce in tablet version…

    Please contact administrator
    for this information.
    #247945 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Delete the previous code and add the next one in Global custom CSS area:

    @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .et_b_header-menu.et_element-top-level .menu > li > a {
        font-size: 11px !important;
        padding: 7px !important;
    }
}

    Regards

    #247986 Copied
    Avatar: 3Q
    3Q
    Participant

    hello;

    Thank you so much !.

    2. One minor issue; in categaory page the nav menu does display the Highlighted Red button which showing which section we are in which is great this one: ( pls check in private content area ) but when we go inside sub product the highlight active button gone this one; ( private content area ) this will make visitor more confused in which section they are in, so any way we can fix that?..

    Thank you!

    Please contact administrator
    for this information.
    #248098 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    There is no such possibility, unfortunately.

    Regards

    #248101 Copied
    Avatar: 3Q
    3Q
    Participant

    I see.. ok thank you! for your supports!

    #248111 Copied

The issue related to '‘navbar menu size’' has been successfully resolved, and the topic is now closed for further responses