Re: My Code Works On My Desktop and on the Desktop Mobile Preview but not on the actual mobile
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
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 "<head>" tag paste the following. Screenshot attached for reference.
<style>
.vtl-pr-review-card__main-photo-holder {
background-color: #C9C69C !important;
}
.vt-accordion {
border-bottom: 1px solid #222222 !important
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
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 "<head>" tag paste the following. Screenshot attached for reference.
<style>
.vtl-pr-review-card__main-photo-holder {
background-color: #C9C69C !important;
}
.vt-accordion {
border-bottom: 1px solid #222222 !important
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025
Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025