CSS wouldn’t control that. CSS is a design language that styles what’s already there. It doesn’t create structural changes of that extent. This would require alteration to the page template, or a custom page template.
What is the name of the theme you’re using, and where did you get it from?
Also, what plugin are you using for the eCommerce functionality?
Ok I thought maybe my shop page could be customized with CSS.
The theme I’m using is Shopstar Premium and I’m using WooCommerce. I guess I’ll get somebody to create a custom shop page for me then.
Another question, do you know how to add site wide text on the small header bar at the top (right beside my social media icons)? Since I’m using Shopstar, I have to integrate it through here.
Ok, since that is a commercial theme, we ask that you please go to their official support channel, so you can get support from the people who know it best: http://www.outtheboxthemes.com/contact-us/
Forum volunteers are also not given access to commercial products, so they would not know how it operates. Other community members who may have faced your issue might be able to help you but your best bet is your product’s developer. Keep in mind we encourage you to use the official support venues, as it allows the developers to be aware of issues with their code and gives back to the community in a more robust way.