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

Store Design
, , , , ,
1

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.png
Screenshot 2024-03-31 at 23.12.40.png1058×574 29 KB

Screenshot 2024-03-31 at 23.14.12.png
Screenshot 2024-03-31 at 23.14.12.png926×970 48.6 KB

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;
}
2

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

3

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

4

My bad, the store is thumos.shop

5

Hello Noah,

My bad, new to this.

The store is thumos.shop

Thanks!

6

just bumping the