Full Width Pages

There’s no inbuilt option to modify the container size. Though, custom CSS can be added to modify the theme layout as required.

If you mean increasing the size of the pages, you can add this CSS to the customizer:

#page .site-main { max-width: none; }

This will increase the size of all the Pages on the site to 1140px.

If you want to further increase the size of the main container, you can modify it by adding this CSS:

#page.site { max-width: 1140px; } (replace 1140 with the width you want)

Can help you better if you give some more details about your requirement.

This seems to increase the size of the main box on the page, but not the page itself. There is still a lot of empty space on both sides and making this change drops your navigation bar “sidebar” down below.

If you want to increase the size of both, you’ll have to use both the above rules in conjunction.

i.e. first adding #page.site { max-width: 1140px; } (increase 1140 to a suitable number) will increase the overall width of the container (which will reduce the white space on both sides), and then adding #page .site-main { max-width: 960px; } (increase 960 to a suitable number) will increase the width of the white box.

The theme does not have a sidebar on pages. So not sure what do you mean by

making this change drops your navigation bar “sidebar” down below

I’ll need a screenshot illustrating the requirement to properly understand it.

For faster support, join our Slack Support channel here and DM me (Paras). Here’s your invite link – https://join.slack.com/t/pixifysupport/shared_invite/enQtNjYwMjU1MzM0Nzc1LWRlYmQ2Y2FlMDdhMjcxMGZiNGY0YWJhODQ0ZWIxZjY4YjcyYzM2ZDVhOGI3ZTdlMTM5NTVkYjUxM2ZiMDVjYTE