Why isn't my mobile version menu opening on DentalGoodBuys.com?

Store Design
,
1

site: https://www.dentalgoodbuys.com/

how can I make the menu open on the mobile version?

2

Hi @NGM2022 ,

I saw HTML tag is missing “no-js” class.

EBOOST_0-1673643837364.png
EBOOST_0-1673643837364.png1166×525 34.7 KB

To fix it.

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Layout/theme.liquid
  3. Add “no-js” class to HTML tag like the screenshot below

In case this class is being removed by a script. You can add class to body tag

3

I cannot find any HTML tag there, perhaps due to some app?

4

Hi @NGM2022

So you only need add “no-js” class to HTML tags like the screenshot.

  1. Go to Store Online-> theme → edit code
  2. Layout/theme.liquid
  3. Add “no-js” class to HTML tag like the screenshot below

Refer screenshot below to add it

EBOOST_0-1673643837364.png
EBOOST_0-1673643837364.png1166×525 34.7 KB

5

it did not work

6

Hi @NGM2022

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/component-menu-drawer.css
  3. Add code below to bottom of file
details[open] > .menu-drawer, 
details[open].menu-opening > .menu-drawer, 
details[open].menu-opening > .menu-drawer__submenu {
  transform: translate(0)!important;
  visibility: visible!important;
}
1 Like
7

it worked, many thanks. how did you learn that coding skill? web design?

8

Hi @NGM2022

I’m a Frontend developer.

9

Hello,

I am using the Refresh theme and I had the same issue. I copied the code and now the menu opens successfully.

Although, the navigation doesn’t work properly. The buttons that go backwards don’t work.

Also, the search menu still cant close using the X button

Any ideas on that?

Thank you!