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
Topic summary
A user encountered a layout issue where text content in blog posts was overlapping its designated section on both desktop and mobile views. Screenshots demonstrated the overflow problem affecting all blog posts on the site.
Solution Process:
- The helper initially requested the store URL to diagnose the issue
- Store URL provided: wavillc.com/blogs/news/best-pre-workout-snack
- First attempt: CSS code was added to password.liquid file, but this didn’t resolve the problem
- Final solution: The CSS code was moved to theme.liquid file instead, which successfully fixed the overlap issue
Outcome:
The problem was resolved. The text content now fits properly within its section without overlapping. The issue was solved by adding custom CSS to the correct template file (theme.liquid rather than password.liquid).
2 Likes
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
1 Like
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
1 Like
Hey @Bolder1
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
ah my bad, please delete the code from password.liquid file and add it into theme.liquid file
Best Regards,
Moeed
1 Like
It did worked. Thanks a lot @Moeed you’re a great help