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?
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.
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;
}
}
Thank you, that worked for the mobile view but the other views are still not showing the checkout button.
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;
}
}
Thank you!