Increase desktop content area width

Hi Jill,

Your current setting is shown as below:
https://www.screencast.com/t/KhMOL8vAVXp0

Content container width and sidebar width are depending on the site container which is set to 1170px.

Go to customizer > layout > container, check if the container width is set to 1170px.
https://docs.generatepress.com/article/container-layout-overview/

If so, you can increase the value from there; if not we'll need to find out where the CSS is coming from.

Hi Ying,

Yes, I checked and verify that the container width is indeed set to 1170px.

Great! Then you can just increase the value in order to make the content/sidebar wider.

I'm not clear on what the values should be to comply with the suggestion "Increase your desktop content area width to at least 728px (while keeping your sidebar width at least 300px)”. May I ask you for your thought on doing so?

Thank you.

It's not a theme question, it's a math question :P

So if you want the content area be 728px, then site container = 728px/ 70% = 1040px;

If you want the sidebar be 300px, then site container = 300px/ 30% = 1000px;

1040px > 1000px, so your site container should be wider than 1040px.

Your current setting is 1170px, so it should work fine.

But the requirement is for min-width and the setting is for max-width, so increase to 1200pxmay be better.

Ah... ok, that makes sense. Thank you so much for your help!

No problem :)