The ADD TO CART Button only half appears

Highlighted
New Member
6 0 0

Hi guys,

I've set up my website and everything is coming along very nicely. However on the desktop version of my website, all the "Add to Cart" buttons are only half appearing on a webpage, see below:

https://imgur.com/a/XbUtINh

What can I do to rectify this odd issue/bug so that the whole button appears?

Many thanks

0 Likes
Shopify Expert
9349 0 1229

Hey George,

The reasons won't be something that can be worked out from an image. Post a link to one of your product pages and that will make it much easier for the forum members to look into.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Excursionist
27 0 4

Seems like a CSS problem. 

Please Remove the class btn--wide from the button on the product page. (Generally Product page liquid you may find in the section )

From this

<button type="submit" name="add" id="AddToCart" class="btn btn--wide">
              <span id="AddToCartText">Add to Cart</span>
            </button>

To this 

<button type="submit" name="add" id="AddToCart" class="btn">
              <span id="AddToCartText">Add to Cart</span>
            </button>

UI/UX Developer
1 Like
New Member
6 0 0

Thanks for this, I edited the button code in the product page liquid and it worked, appreciate it

0 Likes