Shopify themes, liquid, logos, and UX
On the product page for the Venture theme, we would like for the product description to go directly below the images - but with less of a gap, or 'white space', between them. On the example screenshot provided, what I mean is that we want the product description to go a bit closer to the bottom edge of the picture gallery. Is this possible?
Solved! Go to the solution
This is an accepted solution.
Please add this for mobile.
@media only screen and (max-width: 749px){
.product-single{
margin-bottom: -35px !important;
}
}
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi there @maxbailey4!
Don here from Shopify.
Thanks for reaching out here in the Shopify Community.
If you're using the Venture theme from Shopify and your store is on a paid plan you can see if small coding edits like this would be covered by our design policy.
We can take a look to see if our themes team could work on this for you if you can get in touch via our Help Centre here for support.
I'd also recommend you check out our manual for the Venture theme, as that might come in useful in the future.
Are you still getting set up to sell in this store, or have you been open for a while already?
Do you know what else you need to work on for your store or business?
Regards,
Don
Don | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi @Don, thanks for getting back to me. I'll have a look at that now, but we're just getting set up at the moment and know what else there is to do in terms of the checklist.
Please share your store URL.
Your store is password protected. Please provide the password.
Sorry, thought I removed it! The password is just "1"
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (min-width: 750px){
.product-single{
margin-bottom: -35px !important;
}
}
Hope this works.
Thanks!
Hi, thanks for this 🙂 It worked on the desktop view, but there's still a gap on the mobile view. Is there any way to change this too?
This is an accepted solution.
Please add this for mobile.
@media only screen and (max-width: 749px){
.product-single{
margin-bottom: -35px !important;
}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024