Re: Move up buttons on product page

Solved

How can I adjust the button placement on my product page?

Luxurymrkt
Navigator
663 2 129

 Hi,

 

im looking to move up the size guide and variant maybe 10/15px on my product page

https://luxurymrkt.com/collections/bags/products/versace-la-medusa-ayers-silver-python-print-mini-to...

D3BF2941-DEC9-464A-82ED-2529455B0FF1.jpeg

Thank You | mike
Accepted Solution (1)

Moeed
Shopify Partner
6547 1777 2149

This is an accepted solution.

Hey @Luxurymrkt 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.product-single__meta .product-block--price + .product-block {
    margin-bottom: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1696686234328.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
6547 1777 2149

This is an accepted solution.

Hey @Luxurymrkt 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.product-single__meta .product-block--price + .product-block {
    margin-bottom: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1696686234328.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Luxurymrkt
Navigator
663 2 129

Thank you

Thank You | mike

PageFly-Henry
Shopify Partner
1184 335 293

Hi @Luxurymrkt 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.product-single__meta .product-block {

    margin-bottom: 0 !important;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.