How can I display icons on the mobile drop down menu?

bartk
Tourist
9 0 0

 

Hi there! 

After quite a while, I figured out how to add icons to my drop down menu on desktop, using the code below, screenshot added below.

I would also like to get these icons on mobile as they're not showing (screenshot attached), any ideas?

Thanks!Screenshot 2024-03-31 at 23.12.40.pngScreenshot 2024-03-31 at 23.14.12.png

 

 

ul#HeaderMenu-MenuList-1 > li {
    padding-left: 30px;
}


#HeaderMenu-supplements-view-all {
  position: relative;
}

#HeaderMenu-supplements-view-all::before {
  content: '';
  position: absolute;
  left: -20px; 
  top: 50%; 
  transform: translateY(-50%); 
  width: 14px; 
  height: 14px; 
  background-image: url('https://cdn.shopify.com/s/files/1/0795/6093/3705/files/view-all.svg?v=1711797818'); 
  background-size: cover; 
   background-size: contain;
   background-repeat: no-repeat;
}

 

Replies 5 (5)

Columbus_Themes
Shopify Partner
121 9 16

Always attach a link to your store when asking for help from the community.

If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!
bartk
Tourist
9 0 0

My bad, the store is thumos.shop

PageFly-Noah
Shopify Partner
1213 214 245

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

bartk
Tourist
9 0 0

Hello Noah, 

 

My bad, new to this. 

The store is thumos.shop

 

Thanks!

bartk
Tourist
9 0 0

just bumping the