Site width: 90% for all elements

[Vay]

Hi,
I have the site width on 90%. On the computer it looks normal and good. But if I look at my posts on my phone it doesn’t look that good. The width of the content with text is for me too small. I would like the text to have the same width as the post image or other not-Cornerstone elements. The text is written in an text element of Cornerstone. And I saw that the margin of rows are set to auto. Maybe that’s the reason why the Cornerstone elements and the not-Cornerstone elements don’t have the same width? or not…? If yes how can I change it?

Hope you understand my explanation of my problem .
Thanks

[jade]

Hi there,

Please try this code in the Global CSS:

@media (max-width: 480px) {
    .single-post .entry-content .x-container.width {
        width: 100%;
   }
}

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[Vay]

Yes it helped
Are x-container all elements of X-Theme?

Does this line
.single-post .entry-content .x-container.width {…
mean that all these classes have a width of 100%? or why are they written one after another?

Thanks

[mldarshana]

Hi There,

The above CSS rule will be applied to your single blog posts only. If you nee to apply it to other areas as well globally, try removing .single-post from the provided CSS rule.

Hope that helps.