Hello, I have a question, how can I move the highlighted items in the picture below to the right side?
1 Like
@Szymon9 please provide website url
This is Noah from PageFly - Shopify Page Builder App
You can add code here to move product_info to right side:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
I added the code, and unfortunately it didn’t work
Hi @Szymon9 please try again: padding-left: 10% !important; to padding-left: 20% !important;
Hi @Szymon9
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “section-main-product.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:
@media only screen and (min-width: 1000px){
.product__info-wrapper--extra-padding {
padding: 0 0 0 12rem;
}
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!