Add to cart button misaligned

Solved
Highlighted
New Member
2 0 0

Hi all,

Please help! I've got my add to cart buttons set up below product images on my featured collection on my homepage in the boundless theme. Unfortunately the 'add to cart' text is misaligned (too far to the right) within the button. This is on mobile only. On desktop its fine.

Please can someone advise?

 

My URL: www.apexbikingaccessories.co.uk

 

Thanks,

Jack

0 Likes
Highlighted
Shopify Partner
581 92 133

Hello @apexbiking, If you know liquid programming. you can adjust it from product-grid-item 

0 Likes
Highlighted
Astronaut
1083 175 211

This is an accepted solution.

@apexbiking 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media (max-width: 767px){
.product-item form input:nth-child(2){
margin-top: 10px;
margin-bottom: 10px;
}
.product-item form input{
width: 100% !important;
}
}


Let me know whether this solves the issue. 


◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes