Solved

Why isn't the checkout button in view on my Shopify page?

dawgminded
Explorer
54 0 18

Hello, 

I discovered while testing my page before launching that the checkout button is not in focus for any of the views (desktop, mobile, fullscreen). How do I adjust so that the customer can see the checkout button after they add the product to the cart?

desktop viewdesktop viewmobile viewmobile view

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @dawgminded 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 789px){
.cart__footer .grid .grid__item{
	margin-left: 20px  !important;
}
}

 

View solution in original post

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

@dawgminded 

Please share your store url so that I will check it. 

Thank you

dawgminded
Explorer
54 0 18

Sorry about that....

URL: dawgminded.com 

password: audio

JohnFromJotting
Shopify Partner
665 94 132

Hi @dawgminded 

Seems like you added additional 'margin-left', which is causing the issue, If you get rid of the below itll solve the issue.

I suggest the element the below code is for, to direct that code to the specific element that needs the change. Right now .grid__item is used on multiple elements. So you need to be more specific.

Bluish_0-1628048067126.png

 

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

Kinjaldavra
Shopify Partner
2302 570 1422

hello @dawgminded 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 789px){
.cart__footer .grid .grid__item{
	margin-left: 0px  !important;
}
}

 

dawgminded
Explorer
54 0 18

Thank you, that worked for the mobile view but the other views are still not showing the checkout button. 

 

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @dawgminded 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 789px){
.cart__footer .grid .grid__item{
	margin-left: 20px  !important;
}
}

 

dawgminded
Explorer
54 0 18

Thank you!