How can I reduce the size of the quick add to cart icon on mobile?

Store Design
, ,
1

Hi!

just wondering if anyone knows if it’s possible to reduce the size of the quick add to cart icon on mobile? It appears in the bottom left corner of my products and I would like to make it a bit smaller. I’m currently using Broadcast theme.
preview: https://www.gitana.com.au

IMG_0436.jpeg
IMG_0436.jpeg1125×2436 385 KB

2

Hey @Gypsymoon

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694689198354.png
Moeed_0-1694689198354.png361×640 197 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @Gypsymoon ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

4

Hi @Gypsymoon

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

button.quick-add__button.caps {

width: 24px !important;

height: 28px !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Hi!

that worked but it also changed the quick add on the desktop theme which is a different layout to the mobile version. Is there a way of isolating it to mobile only?