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!
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!
2
Answers
To show the hamburger menu on tablet and Ipad,
This solution is for old (2019) Debut Version in which @mixin are used
Find
$grid-breakpoints:
in your Assets -> theme.scss file.
It will look like this:
And replace it with the following code:
In this code i replace the first variable "$grid-medium" with new variable called "$custom-grid-medium".
Note: After implementation you need to adjust some areas of your theme according.
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 withmax-width: 768px
Also replace:
min-width: 750px
withmin-width: 769px
This will work.