Dropdown menu on mobile version not scrolling

NEBRASKA
Not applicable
2 0 0

Hi!

 

I'm having a little problem with my online store. On the mobile version i have drop down menu which should display 13 brands. For some reason the last two brands(suicoke & YMC) are not displayed on the mobile version like they are on the desktop version. Can anybody give me a little code to fix this scrolling error to paste in css? Two photos to show the problem and the URL... 

 

Thanks.

IMG_2912.PNG

Screenshot 2023-11-04 at 17.04.14.png

  

https://www.nebraska.is/

Replies 2 (2)
Kaner
Shopify Partner
12 2 2

Hi @NEBRASKA 

Here is the CSS snippet you need:

 

 

body:has(.js-menu--is-open) {
  overflow: hidden;
}

.mobile-nav__dropdown {
  height: 100vh;
  overflow: auto;
}

 

Solved? Please do not forget to mark as solution
Need to discuss? Let's talk
Questions? info@kanertuncel.com
NEBRASKA
Not applicable
2 0 0

Thanks for a quick reply @Kaner!

 

Maybe i'm doing something wrong but it dosen't seem to work. I pasted it in the asset section under theme.css at the bottom. Any idea what i'm doing wrong?