Help with the padding on product description, venture them.

Solved
Highlighted
New Member
2 0 0

Hello!! I have an issue, maybe is not that hard, but i can't figure it out.

The product description is below the product pictures, but for some reason, in some devices (safari and iphone8) the description is not shown properly. I think that is simple as adding a padding-left...but i cant do it. Can someone help me? https://co-market.cl the password is klusta.

Best regards!!

0 Likes
Highlighted
Excursionist
177 45 53

This is an accepted solution.

Hi @co-market 

Thanks Welcome to the Shopify community!
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
	.product-single__description{
		display: inline-block;
	    width: 100%;
	    padding-left: 30px;
	}
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
New Member
4 0 0

Hi @Vikas_Chovatiya,

Thank you for this - it was very helpful. I have also moved my Customer Reviews below my description and I need to add padding to the left of this as well.

I have tried to adapt the code you have given here by changing the name but I'm not overly educated in coding so it isn't working. 

www.thespecimencave.com (if this helps) and the review app is Product Reviews by Shopify.

 

Thank you.

0 Likes
Highlighted
Excursionist
177 45 53

Hi @AaronC 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__description {
    padding-left: 30px;
}
#shopify-product-reviews{
	padding-left: 30px;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
4 0 0

@Vikas_Chovatiya  Fabulous! Thank you so much :)

0 Likes
Highlighted
Excursionist
177 45 53

Hi @AaronC 

 

Thanks for the update :)

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
4 0 0

@Vikas_Chovatiya  sorry to keep pestering.

This has worked great, although on my desktop site the Product Recommendations now aren't showing.

They are still there on the mobile site though.

0 Likes
Highlighted
Excursionist
177 45 53

Hi @AaronC 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
	.product-single__description{
		padding-left: 22px;
	}
	#shopify-product-reviews{
		padding-left: 22px;	
	}
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
New Member
4 0 0

@Vikas_Chovatiya you're a superstar! Thank you :) 

0 Likes
Highlighted
Excursionist
177 45 53

Hi @AaronC 

Glad to hear :)

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes