Layout change on All Product's Product Page

After switching some code for my mobile layout, suddenly all product pages look like this.

Normally, this information (inserted below) is to the right of the photo on desktop.

How can we get this back to being on the right hand side? Thanks!!

Hi @hutch_design ,

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.product-photos.carousel-container.desktop-7.tablet-3.mobile-3 {
    width: 50%;
}

Result:

I hope it help.