Make product description box full-width [REFRESH THEME]

Make product description box full-width [REFRESH THEME]

Reinhart
Explorer
53 0 10

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

RMTPerformance_1-1721233046463.png

 



RMTPerformance_0-1721233034510.png

 

Replies 4 (4)

DitalTek
Shopify Partner
845 100 120

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.

- You can please Like and Accepted Solution if my suggestion helpful.
- And you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp

BSS-TekLabs
Shopify Partner
2401 695 830

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

BSSTekLabs_0-1721234208386.png

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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Reinhart
Explorer
53 0 10

This looks great. However I tried to apply this change and nothing worked. I applied it into Base.css

gr_trading
Shopify Partner
1996 147 205

hi @Reinhart ,

 

Please refer the below video how you can change the position of product description in Shopify theme.

 

 

Hope this will help...

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee