How to Center Align Content on Select Pages

Site URL: https://www.waypointtech.com/

I was able to figure out how to remove the left nav folders from our webpages but now I would like to know how to center align each of the pages that we made that initial change to. 

I attached an image of one of our product categories as an example.

Don't know if it is required but the CSS I used to remove the left side nav folder is this:

#folderNav { display: none !important }

Hi,

Which page are you referring to? I don't see it on homepage

Hi,

https://www.waypointtech.com/geospatial-store

That is the page I included for the screenshot. Since I updated the site to remove the left-hand nav folder(s), all of the content has been aligned off center. 

13 hours ago, tmcgrath said:

Hi,

https://www.waypointtech.com/geospatial-store

That is the page I included for the screenshot. Since I updated the site to remove the left-hand nav folder(s), all of the content has been aligned off center. 

Add to Design > Custom CSS

/* Geospatial store center content */
body#collection-620a6a193c6667428f0530c2 main#page {
    display: flex;
}

Awesome!

This worked and I could update it for my other pages as well which is fantastic.

Thanks for your help!