Archived topic
text alignment issue on mobile [ Home page only]
3 replies · Started by liz on July 25, 2021
Hi,
I hope you're doing well. The texts on the homepage are a bit off as they're pushed way beyond the left side of the screen. I am trying to edit the layout using the customizer but the changes are not reflected on screen. My website title is also way too small on mobile and I have been trying to work on it using the customizer to no avail. Thank you in advance. Website in the private info field.
Hi there,
edit the home page, and check the Content Container:
https://docs.generatepress.com/article/content-container/
Make sure it is set to Default.
If it is then i would assume you have a Layout Element - found in Appearance > Elements that has the Content set to Full Width.The Display Rules will be set to Front Page.
NOTE: Full Width and Contained Content both remove the themes padding.
Hi,
Thank you...all posts are perfectly aligned on mobile except for the first post in the magazine grid. You can just click it and you will see that the texts are pushed beyond the container. What can be done about it? Thanks. Website link in the private info field
Can you try adding this CSS and see if it improves?
@media(max-width:768px){
body.single .inside-article {
padding: 0 30px !important;
}
}