Solved

Move up buttons on product page

Luxurymrkt
Navigator
576 2 96

 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
3576 899 1119

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
3576 899 1119

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Luxurymrkt
Navigator
576 2 96

Thank you

Thank You | mike

PageFly-Henry
Astronaut
817 228 199

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.