Shop now button position - Debut

Solved
sidus
Tourist
11 0 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

Can anyone help ? 

Thanks a lot in advance ! 

0 Likes

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
sidus
Tourist
11 0 1

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

0 Likes
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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
sidus
Tourist
11 0 1
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?
0 Likes

This is an accepted solution.

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

update this code please

Note : but it looks good in center !

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
RKCarnegie
New Member
1 0 0

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,

0 Likes

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes