Css: 'visibility: hidden' works not 'display: none' (SOLVED)

Site URL: https://salmon-hibiscus-r5wx.squarespace.com

Password: dante123

EDIT: I fixed it!

How? I had to target the section THEN the ID. So my CSS looks like this:

section[data-section-id="608ab106b153c010dc12f69a"] .product-quantity-input,  {
    display: none;
}

Hey guys,

In a single product page, I want to 'display: none' on the quantity but only 'visibility: hidden' works. Why is this?

I am targeting the right class. The reason why I want to use 'display: none' is because the "add to cart" button bumps up. When using visibility: hidden, the add to cart button does not bump up as per screenshot.

I have used 'display: none' on my front page and it works and it does bump up the "add to cart" button.

Why doesn't this css code work in the single product page?

18 hours ago, hasher22 said:

Site URL: https://salmon-hibiscus-r5wx.squarespace.com

Password: dante123

EDIT: I fixed it!

How? I had to target the section THEN the ID. So my CSS looks like this:

section[data-section-id="608ab106b153c010dc12f69a"] .product-quantity-input,  {
    display: none;
}

 

Hey guys,

In a single product page, I want to 'display: none' on the quantity but only 'visibility: hidden' works. Why is this?

I am targeting the right class. The reason why I want to use 'display: none' is because the "add to cart" button bumps up. When using visibility: hidden, the add to cart button does not bump up as per screenshot.

I have used 'display: none' on my front page and it works and it does bump up the "add to cart" button.

Why doesn't this css code work in the single product page?

 

You can use this to target ALL the product pages

.collection-type-products.view-item  .product-quantity-input  {
    display: none !important;
}

@hasher22 Do you need to fix these?

Site URL: https://salmon-hibiscus-r5wx.squarespace.com/

1. (Tablet-Homepage) Huge bar on right of screen

2. (Tablet-Homepage)

3. (Tablet-Footer) Change to 2 columns?

4. (Cakes) You haven’t changed SEO Title so the browser tab name still shows “Store 2”

5. (Mobile-Products) Move description to left a bit?