Mobile view text alignment - Debut theme

Solved
Highlighted
Tourist
6 0 1
I have adjusted the product description on my site to be full width. Looks great on Desktop, unfortunately when you view the Mobile version, the text is to the far left of the screen and it looks terrible!
Can someone help me out please?

https://cyclegiftco.com.au/collections/frontpage/products/le-petit

Password 622018
0 Likes
Highlighted

Hello 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
667 170 234

This is an accepted solution.

Hi, @cyclegiftco ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 749px) {
  .product-single__description {
      padding-left: 22px;
  }
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Tourist
6 0 1

Thank you for your assistance

0 Likes
Highlighted
New Member
2 0 0

Hi @OTM ,

I have the same issue but using the Prestige theme. I have tried your suggested solution but didn't work. Would you know another way to change the coding for the Prestige theme so the product description text aligns perfectly on mobile?

Thank you for our help

Kitty

0 Likes