Search code examples
media-queriesthemesshopifyresponsivehamburger-menu

How to Enable Hamburger Menu for Tablet/Ipad using Shopify | Debut Theme 2020

I've been searching for a way to enable the debut theme Hamburger menu on Ipad or tablet. Everything works with mobile, but I want to be able to see the hamburger menu on tablet and Ipad as well. Hope someone can help me. Thank you!

Solution

  • For Debut 2020 Version

    Copy all the code of your Assets -> theme.css.liquid fine and paste it in any Editor (i.e. Sublime)

    Find max-width: 749px and replace all the instance with max-width: 768px

    Also replace:

    min-width: 750px with min-width: 769px

    This will work.