My Code Works On My Desktop and on the Desktop Mobile Preview but not on the actual mobile

[Pipsandoats]

Hello so i have been doing some coding to upgrade the look of my website, while doing a reviews page I have wanted to make the separation line between the picture and the review to be the same as the background picture and I have thought I have done it as it changes on both the desktop view and the desktop mobile preview but not on the actual mobile. This is the code I used…

}

.vtl-pr-review-card__main-photo-holder {
background-color: #C9C69C !important;

}

My second issue is very small but very annoying it’s the same issue as the first problem it works with desktop but not with mobile. It’s regarding the lines underlining the shipping, description and our guarantee, this is the code I have used for that

}

.vt-accordion {
border-bottom: 1px solid #222222 !important

}

All the help will be appreciated

[ThePrimeWeb]

Hey @Pipsandoats ,

Can you share the link to your store and password (if any) or disable the password temporarily

[Pipsandoats]

Hello this is the link https://pipsandoats.com/ !

[ThePrimeWeb]

The code is ok, you just have to add it to a different place.

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[Pipsandoats]

Thank You so much for such a quick reply and for figuring it out works perfectly now!