Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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;
}
}
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.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
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.
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;
}
}
Thank you!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024