My client would like the top single product to be centered on the page in its row instead of pushed to the left. I notice that the minimum number of columns is two. Is there any way for me to get a single column for the product and also center it?
Even a CSS solution would be helpful.
Attached files: Screen Shot 2017-11-24 at 9.36.32 AM.png
What you are trying to do specifically will require CSS modifications that fall outside of the scope of support that I provide here.
That being said it shouldn't be too difficult, use your browser developer tools and determine which selector you need to target to stop the width from being constrained.
Alternatively you could fake this using the page builder: Two columns, product image in the left, and the info on the right with a link to the singular product page.