Is there a way I can remove the magnifying glass without removing the function

[rene94]

 

Hi, I really want to remove the magnifying glass, but still have the function to click to enlarge on mobile my site is (https://3jbmrn9twv4k96fu-74826613002.shopifypreview.com/products/embroidered-sweatshorts-in-black)

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .product-media-container .product__media-icon {
     display: none !important;
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .product-media-container .product__media-icon {
     display: none !important;
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[BSSCommerce-HDL · Accepted solution]

hi @rene94 

You can follow these steps:

1. Online store => Edit code

2. Choose file base.css in Assets folder then insert this code in the end of the file:

.product .product__media-wrapper .product__media-icon {
   display: none !important;
}

Here is result: 

We're happy to support you. Can you give us a like or accept solution? This can greatly motivate us to contribute to our community.

[rene94]

Perfect! Thank you for your help

[rene94]

Hi, just wondering if you could help the header logo be the same size on all pages please, I want it to match the home page. Both paddings are the same, but for some reason the home screen is lower than the rest

(https://t6qvm18822usukl1-74826613002.shopifypreview.com)