The images shows that the Text Contents overlaps the section. how to fit all in the text section?

[Bolder1]

The images shows that the Text Contents overlaps the section. how to fit all in the text section on both desktop and mobile? Pls help

[Moeed]

Hey @Bolder1 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Bolder1]

https://wavillc.com/blogs/news/best-pre-workout-snack 

all text contents on all blog posts looks like this, they overlap the text section. Maybe it's the blog post template or what else

[Moeed]

Hey @Bolder1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find password.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.article-template__content div {
    max-width: 100% !important;
}
.article-template__content pre {
    white-space: normal !important;
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Bolder1]

It didn't work. Did I do it wrong?

[Moeed · Accepted solution]

ah my bad, please delete the code from password.liquid file and add it into theme.liquid file

Best Regards,

Moeed

[Bolder1]

It did worked. Thanks a lot @Moeed you're a great help