Move button on banner - Turbo theme

togetherhempco
Tourist
5 0 2

I would love some help regarding how to fix/customize the below from my theme: https://6mjg65z5bpbppubu-42835378336.shopifypreview.com 

 

I would like to move the buttons as explained here:

banner_01.pngbanner_02.pngbanner_03.png

Also how do I optimize these edits for mobile so that the sizes of the buttons are smaller on mobile and so that the banner video plays automatically?

 

Thanks so much in advance!

Replies 2 (2)

PageFly-Oliver
Globetrotter
721 145 136

Hi @togetherhempco ,

 

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>
@media(min-width:767px){
#banner-3b9fd1a3-5611-45a9-8b5d-908fd112d83f .caption,#banner-098315b8-4193-4277-87c2-db5746f5c9e1 .caption{
top:auto !important;
bottom:10% !important
}
#shopify-section-1594518272994 .caption{
top:auto !important;
bottom:-300px !important
}
}
</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.

togetherhempco
Tourist
5 0 2

Hi Oliver, this worked! Thank you!