Add to Cart on Mobile can't be clicked - Boundless Theme

Solved
Marty8
Tourist
7 0 3

Hello,

When mobile users reach my products page they can see the Add to Cart button but cannot click it.  Works fine on desktop.  I found going into the developer console, if I expand my window out above 750 the add to cart works.  Anything below 750 makes it unclickable.  Sample page here:  https://lbdconsignment.ca/collections/bodysuits-swimwear/products/white-aritzia-aritzia-babaton-cont...

 

Under 750pxUnder 750pxAbove 750Above 750

KetanKumar
Shopify Partner
20430 2114 7676

@Marty8 

sorry for that issue 

can you please share your theme.scss code so i will check and update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
g33kgirl
Shopify Partner
277 76 91

This is an accepted solution.

Hi @Marty8, add this code at the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css):

.btn--add-to-cart {
    z-index: 9;
}

  

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
Marty8
Tourist
7 0 3

g33kgirl for the win!  Thank you for your quick response and solution.  This looks to have resolved it!  I appreciate it!

Cosmichealing
Tourist
3 0 0

Thank you! This also worked for me

0 Likes