d
Topic
George Member
Posts:
6
about 1 month ago

The ADD TO CART Button only half appears

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

i
Replies
Jason Shopify Expert freakdesign.com.au
Posts:
9118
about 1 month ago

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
Posts:
20
Last edited about 1 month ago
g
1
upvotes

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
George Member
Posts:
6
29 days ago

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