Hello people,
The sticky cart has 4 elements: https://prnt.sc/u498i9
I increased the buy button on the product page, with that, the sticky cart button ended up increasing too. Also, the sticky cart has 4 elements. No problem on the desktop, but on mobile, I think that 4 elements is a lot for a small screen. So I would like to hide the stock (https://prnt.sc/u498lr).
I used the CSS below and it was good (https://prnt.sc/u49b1d), however, the CSS also disables the stock of the product page (https://prnt.sc/u49bay | https://prnt.sc/u49b6m) because the CSS code is the same for both locations.
.stock.step-1 {
display: none;
}
How do I hide the stock only in the sticky cart?
And I would like to leave a suggestion for you to separate the CSS from the elements of the product page to the elements of the sticky cart, so we can edit them separately.
Thank you!
