How can I change the position of the Shop Now button on Debut?

Technical Q&A
1

Dear Community,

I was trying to change position of Shop Now button on my shop, went through advice section on this forum and still I can’t figure it out.

I’d really appreciate you help as I tried to do steps described in previous topics , still no luck :disappointed_face:

Can anyone help ?

Thanks a lot in advance !

2

Hi,
Please share your store URL & Screenshot, So I will give you proper solution here !

3

I would be grateful for any info on how we can move this button up/down/left/right - could be also beneficial for the community.

URL :

https://purr-fect.co/

Capture.JPG
Capture.JPG1909×835 166 KB

4 
a.btn.hero__btn {
    position: absolute;
    /* top: 12%; */
    bottom: 26px;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

5

Thanks! Another question, after adding this like to code the button is located more to the left. As I know we need to separate it using div and then make it central based on the div. not sure where can this be changed. Any suggestions?

6 
a.btn.hero__btn {
    position: absolute;
    /* top: 12%; */
    bottom: 26px;
    left: 43%;
}

update this code please

Note : but it looks good in center !

7

Hi there,

I would be super grateful if someone could help with the position of my SHOP NOW button also.

I am using the new debut theme.

Best,

8

Hello,
Please share your store URL & Screenshot, So I will give you proper solution here !