How can I relocate a 'shop now' button on a mobile interface?

Hi Everyone,

I need some help moving my “shop now” button on the mobile version from below the image to in the middle of the image.

I have no idea how to move the button. It seems to be seperate from the image but I want them layered between the two product photos.

Any suggestions?

Hello @Ethllis !

You need to create div and add image as background in the css, then add button in that div to make it appear in the middle of the image.

I suggest you hire a Shopify expert to make it happen as you required.

Hey @Ethllis .

Thanks for reaching out.

I appreciate that you have included a screenshot of the button you are referring to, that is very helpful! Could you let us know which theme you are using, by any chance? As this context will determine the next steps to move the Show now button on the online store.

If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot of the section I am referring to from my test store:

Looking forward to your response.