Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi!
The drop down menu is not showing on my mobile site. It is usually 3 black lines next to the shopping basket (please see photo noting where it should be in the red circle)
Please help!
Thank you for your time.
Hi @Jessica101p100
The code, that you added to make the hamburger icon is wrong.
In this case you need to check the code and change the code,
You can try to add this code into the bottom of the file index.css
.nav__open::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='%23000000' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cline x1='0' y1='14.5' x2='24' y2='14.5'%3E%3C/line%3E%3Cline x1='0' y1='0.5' x2='24' y2='0.5'%3E%3C/line%3E%3Cline x1='0' y1='7.5' x2='24' y2='7.5'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
}
Hi there,
Ive added that code exactly as per the above instructions but it hasn’t made a difference.
Let me know if you have any more recommendations.
Thank you so much for your help! I really appreciate it!
Hi @Jessica101p100
Sorry for my mistake
please replace with this code
url("data:image/svg+xml,%3Csvg viewBox='0 0 24 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='%23000000' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cline x1='0' y1='14.5' x2='24' y2='14.5'%3E%3C/line%3E%3Cline x1='0' y1='0.5' x2='24' y2='0.5'%3E%3C/line%3E%3Cline x1='0' y1='7.5' x2='24' y2='7.5'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
To confirm, i should copy & paste ALL of the following at the end of the index.css code section?
url("data:image/svg+xml,%3Csvg viewBox='0 0 24 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cgstroke='%23000000' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cline x1='0' y1='14.5' x2='24' y2='14.5'%3E%3C/line%3E%3Cline x1='0' y1='0.5' x2='24' y2='0.5'%3E%3C/line%3E%3Cline x1='0' y1='7.5' x2='24' y2='7.5'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
Hi there! This code is not working. If you have another recommendation, please let me know!
Thank you so much!
Hi @Jessica101p100
The code is wrong.
Look on this image to know how to fix
Hi Expert Rookie,
I have attached a screenshot of how i have copied the code as per your photo.
It doesnt appear to be showing the menu bar still.
Please can you double check if I have entered the info correctly. Thank you so much!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025