Add To Cart Text too High


My website is TuneToyz.com and on the product page the add to cart button text is too high is there any way I can move it down.

This only appears on my product page https://tunetoyz.com/products/drake-plushie

Thanks for your help.

Hi @TuneToyz ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Hey this one only changes it on mobile I want it to change on PC too, but not on the featured product. Thanks

1 Like

Hi @TuneToyz ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% if template.name == 'product' %}
    <style>
       .product-form__submit {
          transform: translateY(6px) !important;
       }
    </style>
{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like