Change Mobile Menu Breakpoint

  • DickRaney

    (@dickraney)


    2 years ago

    What is recommended best way to change the breakpoint for when the menu changes to mobile format. I want it to be hamburger toggle on anything smaller than 1024px wide.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @dickraney

    There is no built-in functionality for changing the default breakpoints in the Storefront theme. The best way at the moment would be to dequeue the theme CSS file and then copy the contents into a custom stylesheet where you can change the breakpoints, and then enqueue that style.css file instead.

    There’s an enhancement request for adding an easier way to change breakpoints in the Storefront repository here:
    https://github.com/woocommerce/storefront/issues/991

    Also found this thread which will track you on right direction.

    I hope that helps!

    Thread Starter DickRaney

    (@dickraney)

    Since it is a default theme for WooCommerce and used by so many people, I was sure there had to be a better way. But thanks for your trouble. I guess we can’t expect a real fix anytime soon, so will have to resort to this hack solution.

    Hi @dickraney

    We totally understand that.

    I suggest commenting and subscribing to the Github thread to keep posted for updates.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Mobile Menu Breakpoint’ is closed to new replies.