Shopify themes, liquid, logos, and UX
Hi there everyone,
on my website www.diygirls.co.za - my single product pages have a gap between the main image and the product gallery.
Please can someone assist me to fix that gap
Please see screenshot below of issue
Hello @Vinette !
You can remove the gap between images by following these steps:
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (min-width: 750px){
.product-single__thumbnails-item--medium { margin: 0px !important }
}
Copy
Hope this helps!
Thanks,
Digital Artisans
I am unsure why, but this unfortunately didn't resolve the issue 😞
is there anything else I could possibly try?
Hey, your theme.scss.css was edited and minified.
What i would do is rename it to theme.css as a 1st troubleshooting.
this broke the website completely
@Vinette wrote:I am unsure why, but this unfortunately didn't resolve the issue 😞
is there anything else I could possibly try?
Hey, just found your problem is in product-template.liquid,most likely
Hello,
Please can you perhaps advise where and how I could change the file code to fix the error
@Vinette wrote:Hello,
Please can you perhaps advise where and how I could change the file code to fix the error
If you willing to follow a few steps maybe we can identify and fix the issue.
1st go to your theme code editor under Sections,find product-template.liquid , copy everything above the starting {% schema %} tag and paste here,so we can see the issue.
Remember the position as you may have to replace the edited code to same position.
User | RANK |
---|---|
61 | |
53 | |
47 | |
39 | |
39 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023