dawn theme | adjust left/right margin of product description

Solved

dawn theme | adjust left/right margin of product description

milkymotorsport
Explorer
97 0 15

Can someone pls provide code to adjust the left & right margins on mobile of my 'applications' and 'product description' accordion tabs?

https://milkymotorsports.com/products/magnaflow-california-grade-carb-compliant-direct-fit-catalytic...

Screenshot 2023-11-03 at 5.39.17 PM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @milkymotorsport 

Here is the current code adjusts that margin. 

.product__accordion .accordion__content {
    padding: 0 1rem;
}

If you want to remove that space, please go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom. 

.product__info-wrapper .product__accordion .accordion__content {
    padding: 0;
}

Screenshot_11.jpg

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @milkymotorsport 

Here is the current code adjusts that margin. 

.product__accordion .accordion__content {
    padding: 0 1rem;
}

If you want to remove that space, please go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom. 

.product__info-wrapper .product__accordion .accordion__content {
    padding: 0;
}

Screenshot_11.jpg

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

ZenoPageBuilder
Shopify Partner
1052 203 220

Hello @milkymotorsport 👋

Inside Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

.accordion__content {
    padding: 0 !important;
}

The result

Screenshot 2023-11-04 at 09.15.42.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
cielle23
Tourist
11 0 1

Hi there! I need some help please: 

https://cielleclothing.com/en-id/products/cielle

My product description on mobile needs a margin / left / right padding, right now on mobile it is bled all the way across mobile , see example. I want the title and all the  text to have a padding on the left and right side for mobile, i have dawn theme.Screen Shot 2024-02-21 at 4.58.40 pm.png

Thanks in advance!

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @cielle23 

You can solve it by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.product__info-wrapper { padding: 0 15px !important; }
</style>

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

cielle23
Tourist
11 0 1

Dan you're a life saver! thank you so much it has worked a treat. Have a blessed day 🙂