Single Item Page Alignment Issues

Markup and styles vary between themes. Please post the url to a relevant page to enable the markup to be examined with browser tools.

Here is a page https://blueheronoriginals.com/product/sterling-silver-om-on-chain/

Try this custom css:

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page #content div.product div.summary {
  width: 48% !important;
}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

That works great for the full screen display, unfortunately it breaks the mobile version forcing it all to be on half of the screen.

Try adding this custom css for an improvement in mobile:

@media only screen and (max-width:767px) {
 .product .jck-wt-all-images-wrap {
    float: none;
    width: 100%;
  }
}

However, you may need to get a developer on board to make a full job of styling at all resolutions.

would it be possible to move the description beneath the product photo and remove the long description , reviews, and additional info?

In desktop, mobile or both? Would need the “Under construction” removing briefly.

well as it is now mobile already stacks these items so no worries there It is only and issue with desktop, the code you suggested works great for desktop but breaks the mobile view, not sure if the second code did anything I didn’t see any change. Otherwise if I leave out the code the Desktop version is misaligned but the mobile version works fine. I don’t really want to use the other options beneath the product image and short description, So moving this section below and removing these items could solve both issues.

Has the theme changed? The markup doesn’t match what we started with. Desktop view look good here. I don’t see a description, gallery images or reviews, so it looks like you’ve fixed it.