How to reposition Shop Now button on the home page banner?

Solved
sindhuthomas
Tourist
6 0 2

Hello.

I would like to know how to reposition the SHOP NOW button on the home page banner. I am using the Debut Theme. Currently, it is right in the middle of the banner which spoils the look of the image. Please find below my website link 

www.lafleur.ae

 

Also, will it be the same on all devices like desktop, laptops, mobiles, etc or do we have to make separate changes for each type of device?

 

Thank you in advance!

0 Likes
solverStaff
New Member
3 0 0

 To solve this issue you have to hire an expert. It's totally coding issue

0 Likes
Bo
Shopify Staff
Shopify Staff
1689 179 493

This is an accepted solution.

Hey there, @sindhuthomas 

 

Bo here from Shopify Support! 

 

This can be achieved through some custom coding. I have made a mockup of what it will look like: 

 

Steps:

1. Go to Online Store > Themes > Actions > Edit Code. 

2. Open the theme.css.liquid file.

3. Scroll to the very bottom of this file and add the following code:

.hero__btn {
position: absolute;
  bottom:   0;
right: 0;
left: 0; }

4. Click Save.

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo 

Bo | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
sindhuthomas
Tourist
6 0 2
Hi @Bo
Thank you very much for your help! It worked!!