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

[sindhuthomas]

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!

[solverStaff]

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

[Bo · 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 

[sindhuthomas]

Hi @Bo
Thank you very much for your help! It worked!!