How to move description to the left, under the product images

How to move description to the left, under the product images

Isakeve08
New Member
10 0 0

I need to move the description to the left

Isakeve08_0-1719925293390.png

Valorique.com

 

Replies 3 (3)

PageFly-Garcia
Shopify Partner
494 79 133

Hi @Isakeve08 

You can try to add this JS code in theme.liquid > Scroll to the bottom of the file and add the following JavaScript code just before the closing </body> tag:

 

document.addEventListener('DOMContentLoaded', () => {
    const detailsAccordion = document.querySelector('.product-info__accordion');
    const galleryWrapper = document.querySelector('.product-gallery__ar-wrapper');
    
    if (detailsAccordion && galleryWrapper) {
        galleryWrapper.appendChild(detailsAccordion);
    }
});

 

It gonna looks like this:

PageFlyGarcia_0-1719971528827.png

 

 Hope it helps! 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Isakeve08
New Member
10 0 0

Didnt work.

INA_MSWEB
Shopify Expert
1228 141 153

Hi @Isakeve08 

 

To align the description to the left, you will need to modify the CSS of your theme. Here’s how you can do it:

  1. Go to your Shopify Admin.
  2. Navigate to Online Store > Themes.
  3. Find the Dawn theme and click Actions > Edit code.
  4. Locate the CSS File: In the left sidebar, under the Assets folder, look for the base.css file (or it might be named differently, like theme.css or styles.css).
  5. Add Custom CSS: Add the following CSS to the file to align the description to the left:

.product-description {
text-align: left;
}

 

Ensure you are targeting the correct class. If the class name is different, you may need to inspect the element using the browser’s developer tools to get the exact class name. Preview your store to ensure the description is aligned to the left as desired.

 

If you need further assistance with theme customization or app integration, consider reaching out to us for tailored support.

 

Regards,

Ina

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin