Archived topic
Mobile site has text on the right side
11 replies · Started by Devansh on April 23, 2022
Hi,
The mobile version of my site is showing article's text on the right side of the screen that I can scroll horizontally. When I try to make changes via thhe container layout option, the whole website changes (including the desktop version which I dont want to do).
Hi there,
can you share a link to a page where I can see the issue?
Here's the link: http://www.weknowcricket.com
In the Customizer > Additional CSS you have this CSS Rule:
.single-post .site-content {
flex-wrap: wrap;
}delete that as its causing the overflow issue.
Hi David, I deleted the css and it worked.
However, now when I open an article on Desktop, the entire site gets messed up.
What is the issue ? I am not seeing a problem on the single post ?
If you open any article on Desktop, the alignment gets messed up and the next article comes on right hand-side. Im attaching a screenshot. 
Put that CSS back and ill see what else can be done
Done
Now try adding this CSS:
.single-post .site-content,
.single-post .site-content > * {
max-width: 100vw;
}NOTE: Keep the existing CSS you have already
It worked!Thanks a lot David :)
Glad to hear that
