Reformation theme mobile hamburger issue - urgent

Store Design
, , , ,
1

I’m using the Reformation theme in that I want to sort the issue related to hamburger menu in mobile, when I click on the hamburger menu it starts scrolling, I don’t want to do that.

Error video: https://drive.google.com/file/d/1IyC53f0VzTS3CQkZ_YVn3dWiLp8USLrT/view?usp=sharing

website: https://cordori.com.au/

2

To fix this you need to apply CSS to prevent scrolling

go to your online store and press the three dots

search your main style sheet file and then set your code

and also you paste this code:

body.menu-open,
html.menu-open {
overflow: hidden !important;
height: 100% !important;
}

Hopes that help you

3

Still the issue persists

4

Please add this code to Custom CSS in Edit theme, then check if the issue has been solved.

@media (max-width: 767px) {
    html:has(.mobile-toggle-wrapper.active), body:has(.mobile-toggle-wrapper.active) {
        overflow-y: hidden;
    }
}

Best regards,
Dan from Ryviu: Reviews & Loyalty app

5

Check this video, there is some new issue

6

Please update the code to this

@media (max-width: 767px) {
    html:has(.mobile-toggle-wrapper.active), body:has(.mobile-toggle-wrapper.active) {
        overflow-y: hidden;
        height: 100vh;
    }
}
7

Hi @siva_fds

You can also style the menus like this by adding the CSS below. Please let me know if that works for you.

image
image490×615 35.5 KB

@media (max-width: 767px) {
.mobile-menu-drawer {
height: auto !important;
}
}

8 
@media (max-width: 767px) {
.mobile-menu-drawer {
   height: auto !important;
}
}