Why does coding changes not reflect in mobile view?

Shopify Discussion
1

Hi, I have made several changes to the code. I want to remove the thin stripes from the borders of the product images and in the images in the descriptions. I also wanted to add a border to the add to cart button. This all works perfectly in the desktop view. However, on mobiles the changes are not visible. It is strange because in the mobile view preview the changes do appear. Please help me.

IMG_0087.jpg
IMG_0087.jpg750×1334 44.4 KB

IMG_0086.jpg
IMG_0086.jpg750×1334 39.9 KB

IMG_0085.jpg
IMG_0085.jpg750×1334 61 KB

2

Hi @danielcorrea

Please add this code at the bottom of your base.css file

.product-form__buttons button.product-form__submit {
    border: 2px solid #131313 !important;
}
.product__accordion .rte img {
    border: unset !important;
}
@media screen and (max-width: 749px) {
.product-media-container.media-fit-cover {
    border: unset !important;
}
}
3

Not working. Any change on my code affects mobile view. Please help

4

Try to push code in theme.liquid file before tag to check