Parker here from the Guru Team :)
Happy to help you with getting that Shop Now button moved down on the Hero Slider. Before we change anything, let's go to Online Store > Actions > Duplicate
Because it's always good to have a backup!
There, you'll see margin-bottom is set to 0. Changing this to something like margin-bottom: -300px; will bring it closer to the bottom. Continue to adjust the number to position it exactly where you'd like!
How’s the launch going, Tiffany? Do you need a hand with setting anything up in the backend?
Let me know! :)
I'm happy that solution worked for you and that your launch is coming along nicely :)
In order to move the title and subtitle, it would be just a matter of adjusting the margin-bottom under their respective elements.
As you can see, the .hero__title and the .hero__subtitle are just above the .a.hero__cta we edited last time. Don't forget to go to Online Store > Actions > Duplicate* to backup our working theme first!
Thank you for this post.
I have bit of an issue when applying these steps. I do want to move the "SHOP NOW" button the the left on desktop only and keep it center on mobile view, but when editing code, it moves on the mobile view too.
Not sure whether is there a solution to @Szabi problem. I am also facing this as i want the 'Shop Now' CTA button to be on the right of the desktop but center on mobile view.
Changing the desktop view changes my mobile CTA button too.