I have a problem with the menu on the mobile version, could anyone please fix it ? Shop: Dog Flow (https://www.dogflow.de) Theme code has already been edited. The problem persists despite CSS adjustments. Mobile conversion rate is 0% (significant business impact!). Desktop works normally.
Topic summary
A mobile menu malfunction is causing 0% mobile conversion rate on a Shopify store (dogflow.de), while desktop functions normally. An attached screenshot shows the visual issue.
Attempted Solutions:
- CSS adjustments have been tried without success
- Theme code has been modified but problem persists
Troubleshooting Steps Provided:
A support responder suggested:
- Adding a ‘js’ class to the
<html>tag in theme.liquid - Removing a script directly embedded in the
<html>tag
Current Status:
The suggested fix did not resolve the issue. The original poster has shared theme.liquid and header.liquid files via external document links for further investigation. The discussion remains open with no working solution yet.
can you help me with that please?
can we start with that
Hello @kevin34
Please follow the steps below after logging into your Shopify admin:
-
Navigate to Online Store > Themes.
-
Locate your live theme, click on Actions > Edit code.
-
In the left panel, search and open the theme.liquid file.
-
Inside the tag, add the class js as shown here: screenshot.
-
We noticed a script has been added directly inside the tag—please remove that as well: screenshot.
-
Save your changes.
If the issue still persists, please share the code from your theme.liquid file so we can take a closer look.
Please hit Like and Mark it as a Solution if you find our reply helpful.
Its not working can you please look at the liquids codes
Dokument 6.docx theme.liquid
Dokument (3).docx header.liquid