Border appearing on the images of my product

Store Design
1

Hi! I made a right-border on my product images like this:

davidvilaa_0-1693874379593.png
davidvilaa_0-1693874379593.png1366×859 180 KB

However, in mobile it looks like this:

davidvilaa_4-1693874461585.png
davidvilaa_4-1693874461585.png568×706 111 KB

Anyone knows how to remove it?

Page: https://centralmrkt.myshopify.com
Pass: 90210

Thanks!

2

Hi @davidvilaa ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

@media (max-width: 750px) {
  .product .product__media-wrapper {
    border-right: 0 !important;
   }
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Hello @davidvilaa

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

@media (max-width: 749px) {
    .product__media-wrapper {
        border-right: none;
    }
}

Hope it helps!

4

thanks, but it stills leave a blank space on the right side of the images