How to customize the sticky cart elements separately

This topic has 5 replies, 3 voices, and was last updated 3 years, 6 months ago ago by John Holden

  • Avatar: Rodrigo
    Rodrigo Carlos
    August 23, 2020 at 02:52

    Hello people,

    The sticky cart has 4 elements:
    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 (
    I used the CSS below and it was good (, however, the CSS also disables the stock of the product page ( | 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!

    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 23, 2020 at 15:29


    Use the next code:

    .etheme-sticky-cart .stock {
        display: none;

    Change your code for the button –


    Avatar: Rodrigo
    Rodrigo Carlos
    August 23, 2020 at 18:13

    I inserted the CSS code you provided and in the theme viewer, it’s ok ( But the live page also hides the price (
    Clear the css cache, but the price is really hidden.

    The CSS code refers to those of the elements:

    Avatar: Rodrigo
    Rodrigo Carlos
    August 23, 2020 at 22:02

    It’s OK now.

    Avatar: John Holden
    John Holden
    Support staff
    August 24, 2020 at 04:18


    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    Hung PD

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.