How to alter product page layout for desktop?

Store Design
1

In my product page, the mobile view looks good. However, in the desktop view, I would like the heading, price, buy buttons, etc. on the right side instead of below the product picture. This would allow the product image to be smaller on desktop (which I want), my URL is lakebaez.com

If anyone is confused about what I am looking for, let me know and I can provide further clarification.

2

Hi @LakeBaez

This is David at SalesHunterThemes.

Thank you for your question.

Please send your site and if your site is password protected, please send me the password. I will check it.

3

My site is lakebaez.com and it is not password protected.

4

HI @LakeBaez
If you want to move the product information to the side right,You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.product__outer .product__info-wrapper {
   order: 2;
}
.product__outer.product__outer--desktop-order-left .product__media-wrapper:after {
    right: -1.6rem;
    left: auto;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

5

The code did not change anything unfortunately. I am using Berlin theme if that helps at all.

6

Hi @LakeBaez
I have not that theme, and Just checked your store, I didn’t see the code, have you removed it?

7

Yes I removed it because it didn’t change anything, should I put it back even though it had no effect?