Shopify themes, liquid, logos, and UX
This is an accepted solution.
Please, replace with this code.
safe-sticky.product-info .product-info__block-item:is([data-block-type="title"],
safe-sticky.product-info [data-block-type="price"],
safe-sticky.product-info [data-block-type="description"],
safe-sticky.product-info [data-block-type="inventory"],
safe-sticky.product-info [data-block-type="variant-picker"]) {
margin-top: 0rem;
margin-bottom: 0rem;
}
And Save.
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
@Reyan, could you kindly share yuour store url?
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hi @Reyan
Try this one.
.product-info__block-item:is([data-block-type="title"], [data-block-type="price"],
[data-block-type="description"], [data-block-type="inventory"], [data-block-type="variant-picker"]) {
margin-top: 0.5rem;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
I applied this but why i am not getting results like yours
My bad. Please change your code to below
@media screen and (min-width: 700px) {
safe-sticky.product-info .product-info__block-item:is([data-block-type="title"],
safe-sticky.product-info [data-block-type="price"],
safe-sticky.product-info [data-block-type="description"],
safe-sticky.product-info [data-block-type="inventory"],
safe-sticky.product-info [data-block-type="variant-picker"]) {
margin-top: 0rem;
margin-bottom: 0rem;
}
}
Result
Great Worked on Desktop But didnt work in mobile.
This is an accepted solution.
Please, replace with this code.
safe-sticky.product-info .product-info__block-item:is([data-block-type="title"],
safe-sticky.product-info [data-block-type="price"],
safe-sticky.product-info [data-block-type="description"],
safe-sticky.product-info [data-block-type="inventory"],
safe-sticky.product-info [data-block-type="variant-picker"]) {
margin-top: 0rem;
margin-bottom: 0rem;
}
And Save.
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024