Remove shop now & quick view button on mobile

Store Design
,
1

Hello!

I have a ‘shop now’ and quick view button below each product on my website when viewing it on mobile and it honestly just looks pretty cluttered. How would I go about removing those buttons?

My website is https://teemania.co

IMG_2525.jpeg
IMG_2525.jpeg1170×1172 85.4 KB

1 Like
2

Hi @teemania

Are you sure you like to remove those buttons? its one of the features of that theme.

But if you want to remove check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.products-slider__wrapper .card__button {
    display: none;
}
}

And Save.

Result:

Made4uoRibe_0-1715204839585.png
Made4uoRibe_0-1715204839585.png610×696 114 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hello, I added that line of code to the bottom of my base.css but I don’t see any changes

4

Hello,

I am San from MS Web Designer.

Add this CSS, it will remove those buttons form mobile.

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before

Hope this helps.

Regards,

San

5

Please check this one again. Same Instruction.

@media only screen and (max-width: 749px){
.products-slider__wrapper .card__button {
    display: none !important;
}
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!