Shopify themes, liquid, logos, and UX
I'm having some trouble making my product descriptions full width across the page. The way shopify has it set-up makes the whole thing look tacky and disorganised.
If there a way to add code to mitigate this? I would greatly appreciate it.
For reference I've tried many methods and forums online. Thanks!
WEBSITE LINK - https://rmtperformance.com/products/bmw-g80-m3-g82-m4-valvetronic-catted-exhaust
Hi,
To customize code on product page, you need to define what is place you want arrange component, and to do it you need to familiar with code. If you want to make description product to full-width you need to detach code.
Hi @Reinhart,
Here are the steps you can follow:
1, Navigate to Online Store > Themes > Edit Code.
2, Locate and open the base.css (or theme.css, custom.css) file.
3, Paste the code snippet provided below at the bottom of the file, then save your changes.
@media screen and (min-width: 750px) {
.product__description .product-single__description {
width: 87vw;
position: relative;
left: -50vw;
}
}
Here is the result
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This looks great. However I tried to apply this change and nothing worked. I applied it into Base.css
hi @Reinhart ,
Please refer the below video how you can change the position of product description in Shopify theme.
Hope this will help...
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025