Move a share Buttons to the Right

MIKESTORK
Shopify Partner
41 0 4

Hi,

I’m looking to move the share button and icon

to the top right next to exclusive pricing members only 

my site is https://b32b39-5.myshopify.com/products/cabana-vine-leaf-fruit-plate

 

371F4A77-7C53-4AE4-AC0E-2F9072BA3880.jpeg

Reply 1 (1)

PageFly-Oliver
Globetrotter
687 133 126

Hi @MIKESTORK ,

 

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

 

<style>
.product .product-info__block-list{
position: relative;
}
.product .product-info__block-list [data-block-type="share-buttons"]{
  position: absolute;
    top: 0px;
    right: 10%;
    margin: 0;
}
@media(max-width:767px){
.product .product-info__block-list [data-block-type="share-buttons"]{
    top: 40px;
    right: 0%;
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | 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.