[Resolved] Theme not in full width

[optimusvault]

http://optimusvault.info/

You may see that the theme isn’t in full width.

Wondering how I can change this please.

[Tom]

Are you wanting your content area to be full width like your header?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[optimusvault]

Yes please.

[Tom]

Give this CSS a try:

body .grid-container {
    max-width: 100%;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[optimusvault]

Tried it and it stays the same. I even made the sidebar spacing 0px to see if it was the sidebar causing the issues even though no sidebar on my site.

[optimusvault]

Could it be because
Container Width – 1100px

Not wide enough?

[Tom]

Where did you add that CSS? I’m not seeing it anywhere.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[optimusvault]

Used the Jetpack edit CSS.

[Tom]

Something must be wrong with the configuration – I’m not seeing it added to your website (checked the source).

Alternatively, you can go to “Customize > Layout” and increase the container width to the max.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[optimusvault]

If I increase it to the max will it still show up correctly for smaller screens?

It’s here:
<style id=”custom-css-css”>.edit-link{display:none}body.grid-container{max-width:100%}</style>

[Tom]

Ah, I see the issue – I edited my code above: https://generatepress.com/forums/topic/theme-not-in-full-width/#post-140399

Either way, it will display correctly on smaller screens 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[optimusvault]

Thanks sir. Amazing theme <3

[Tom]

Thanks! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts