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

This topic has 7 replies, 2 voices, and was last updated 5 years, 4 months ago ago by 3Q

  • Avatar: 3Q
    3Q
    Participant
    August 14, 2020 at 12:17

    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…

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2020 at 12:43

    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

    Avatar: 3Q
    3Q
    Participant
    August 14, 2020 at 20:43

    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2020 at 08:17

    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

    Avatar: 3Q
    3Q
    Participant
    August 16, 2020 at 14:51

    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2020 at 15:47

    Hello,

    There is no such possibility, unfortunately.

    Regards

    Avatar: 3Q
    3Q
    Participant
    August 16, 2020 at 16:51

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

  • Viewing 7 results - 1 through 7 (of 7 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.