Fixing text for legal documents on Mobile

Solved
JoanZ
New Member
2 0 2

I have been working on changing the width of the text for our legal documents.  I got it to look good on desktop, but it is not working correctly on mobile.

 

the website it: www.handmadepositivity.com 

KetanKumar
Shopify Partner
14051 1638 5040

@JoanZ 

Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site issue images,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
JoanZ
New Member
2 0 2

Here ya go

Screen Shot 2021-01-19 at 10.14.25 PM.png

KetanKumar
Shopify Partner
14051 1638 5040

This is an accepted solution.

@JoanZ 

Thanks for clear

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

This code applies after 5-6 second

.rte {width: 100%;}
.shopify-policy__container {
width: 768px;
}
@media only screen and (max-width: 749px) {
.shopify-policy__container {
width: 100%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing