Solved

Shop now button position - Debut

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 ! 

Accepted Solution (1)
oscprofessional
Shopify Partner
15830 2369 3072

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 !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 7 (7)

oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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

oscprofessional
Shopify Partner
15830 2369 3072
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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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?
oscprofessional
Shopify Partner
15830 2369 3072

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 !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
RKCarnegie
Visitor
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,

oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing