Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Dears,
Solved! Go to the solution
This is an accepted solution.
yes, i have give you solution here
This is an accepted solution.
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.product.product--large.product--thumbnail.grid.grid--1-col.grid--2-col-tablet {
margin-top: 30px;
}
}
@media screen and (max-width: 749px) {
.product .slider.slider--mobile {
margin: 0 !important;
padding: 0px !important;
}
}
This is an accepted solution.
yes, i have give you solution here
This solution worked to fix the format for full screen. But I would like to reduce the white space between the product image and title on the product page in mobile view.
Can you please help?
This is an accepted solution.
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.product.product--large.product--thumbnail.grid.grid--1-col.grid--2-col-tablet {
margin-top: 30px;
}
}
@media screen and (max-width: 749px) {
.product .slider.slider--mobile {
margin: 0 !important;
padding: 0px !important;
}
}
I tried this fix for the mobile and desktop collection page view but it did not work. Could you please take a look at the website below - How can i reduce the space between the product gallery image and product title on desktop and mobile view. Web Address: https://platinumdeals.com.au
Hi Ketan, thank you for sharing this.
I tried to paste the code as instructed but there is still a large gap between the product images and title on the product page when viewing on my mobile phone (using dawn theme). It occurs with every product page where there is a difference in size of the images. I noticed this wasn't an issue with older themes like Debut or Brooklyn. Are there any other suggestions that could work for this? I've attached an image below for reference.
Thanks in advance.
Looking for help reducing padding on my home screen between the reviews stars and product title to match the product page. I have emailed you my website link previously.
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025