How to remove the checkout button from the home page?

Solved
Thracian1
Tourist
12 0 4

I am using the Responsive theme. It has a checkout button and a cart button on the home page by default. However, I want to keep the cart button only and to remove the checkout button. How can I do that? 

1.JPG

0 Likes
dmwwebartisan
Shopify Partner
4402 985 1258

@Thracian1 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Thracian1
Tourist
12 0 4
PeanutButter
Shopify Partner
330 65 136

The best solution would be to edit the header liquid code so the checkout button is not rendered. However, without seeing the code I cannot advise how.

Without looking at code, the only solution I can think of is to add this css in assets/style.css

 

.top_bar .one-whole li:nth-child(4) {
  Display: none;
}

 

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
dmwwebartisan
Shopify Partner
4402 985 1258

This is an accepted solution.

@Thracian1 

Please add the following code at the bottom of your assets/style.css file.

.top_bar a.checkout {
    display: none;
}

 

OR kindly check if any setting in your admin to disable this option.

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Thracian1
Tourist
12 0 4

It worked! Thank you!!!