How to move Shop Now Button on header image on DAWN theme

Hello, I would like to move the shop now button just below the text “Organic and Sustainable Skin Science” as seen on the image attached. Is there a way to do this?

Hello,

Please share you store link. Then i will check the exact code and let you know the solution.

Thank you.

Hi @Apotheke ,

Share store URL.

Hi! Here’s our shop link:

https://apothekescience.com/

Its password protected please share the password.

Thank you.

Hi! Here’s our shop link:

https://apothekescience.com/

Password is “lugeot”

“lugeot” is the password

Since the text is contained in the image, it’s not possible to align the Shop Now button to that text. The position of the text in the image will vary depending on the window size.

The proper way to do this would be to make the text that’s currently contained in the image actual text and overlay it on the image and then you could align the button to that text. If you want that text to be in the same font, you would have to have that font available as a web font or through Shopify’s font selector in the theme editor. You might also have to reformat the hero image so it works properly with a text overlay.

Hello,

The text is and image its not in any div, so its very difficult to set the exact position of the button to match with the text. But i have shared a screenshot where i have changed some style and added some new properties (see the screenshot below). Add this style in “section-image-banner.css” file under assets.

The best solution is you can add this text under theme customization from where you added the button.

Thank you.

@Apotheke

Please share the correct storefront password and URL!

Thanks!

Hi! Sorry about that, we changed it back to “lugeot”