Jump to content

How to Center Align Content on Select Pages

Recommended Posts

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 }

Center Align Categories.PNG

Link to comment
  • Replies 4
  • Views 485
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.