Text goes out of the screen

[Daniel19901]

Hi, for some reason my legal pages text is longer than the sides of the screen, can anyone help make sure it stays within the page (left right)? mobile and desktop
https://aaba5d-52.myshopify.com/policies/privacy-policy

[Dan-From-Ryviu]

Hi @Daniel19901 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve it 

@media (max-width: 749px) {
.shopify-policy__title h1 { 28px; }
}

[Daniel19901]

@Dan-From-Ryviu this is not the reason, but thx anyway

[Dan-From-Ryviu]

Please update the code 

@media (max-width: 749px) {
.shopify-policy__title h1 { 28px; }
.shopify-policy__body { word-wrap: break-word; }
}

[BSS-TekLabs]

- Here is the solution for you @Daniel19901 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.shopify-policy__container li {
    line-break: anywhere !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.