Return to previous page

Changing Collapsed Menu Media Size - by seanseansean

This topic has 2 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Olga Barlow

  • Avatar: seanseansean
    seanseansean
    Participant
    June 3, 2019 at 22:21

    Hello, I am looking for the code to adjust the media size of the hamburger menu, when resizing the screen our menu starts to stack at 1035px wide I would like the menu to switch to the collapsed version at this size instead of at 992px. What code can I enter into the custom css to achieve this?

    Please, contact administrator
    for this information.
    #214906 Copied Theme version: Latest Version WooCommerce version: Latest Version
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 4, 2019 at 08:28

    Hello,

    It requires a lot of CSS customization. It would be better for you to change the size of the menu items for screens smaller than 1100px
    Add the following code to Theme Options > Custom CSS

    @media only screen and (max-width:1100px){ 
    .menu-wrapper > .menu-main-container .menu > li > a {
        font-size: 14px;
    }
}

    Regards

    #214924 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme

See All Templates

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