can not get div to center using margin 0 auto.
I am working with a Wordpress theme in a child theme style sheet
If you resize the page you will see that when there is a lot of spare space depending on how many images fit in a row they sit to the left with the space on the right. I want the rows of images to be centered no matter how many images there are in a row.
I think the div I want to center horizontally is #main, but I could be wrong
I have tried all sorts of things, width auto, margin 0 auto etc. For now I have removed any of my custom CSS related to that div and its parent so that it is as original as possible.
The page is here http://stephanieh57.staging.wpengine.com/shop/
full path of div
html.parent body.archive div#wrapper.parent div#content.col-full div#main.col-left