Solved

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

rene94
Explorer
60 1 8

IMG_5041.png

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)

 

Accepted Solutions (2)

AnneLuo
Shopify Partner
614 123 126

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

BSSCommerce-HDL
Shopify Expert
713 234 246

This is an accepted solution.

hi @rene94 
You can follow these steps:
1. Online store => Edit code
image.png
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: 

image.png

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
614 123 126

This is an 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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

BSSCommerce-HDL
Shopify Expert
713 234 246

This is an accepted solution.

hi @rene94 
You can follow these steps:
1. Online store => Edit code
image.png
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: 

image.png

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
rene94
Explorer
60 1 8

Perfect! Thank you for your help

rene94
Explorer
60 1 8

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)