Drop down menu not working on mobile site

Drop down menu not working on mobile site

Jessica101p100
New Member
7 0 0

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. 

 

www.101p100.com 

Www.101p100.com D3B4632D-3BB6-437B-BF12-58BD64EC6ECC.jpeg

Replies 7 (7)

ExpertRookie
Shopify Partner
1518 249 325

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");
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Jessica101p100
New Member
7 0 0

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! 

 

ExpertRookie
Shopify Partner
1518 249 325

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");

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Jessica101p100
New Member
7 0 0

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");

Jessica101p100
New Member
7 0 0

Hi there! This code is not working. If you have another recommendation, please let me know! 

Thank you so much! 

 

 

ExpertRookie
Shopify Partner
1518 249 325

Hi @Jessica101p100 
The code is wrong.
Look on this image to know how to fix
101% _ 101p100 – 101p100 _ 101% _ 101% clothing _ 101% fashion _ Fashion 101% 2023-01-31 00-52-21.jpg

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Jessica101p100
New Member
7 0 0

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! 0A848179-13D3-4635-B4AF-A08C2BDE68B5.jpeg