Sticky cart for simple product does not display correctly on mobile.

This topic has 2 replies, 2 voices, and was last updated 7 months ago ago by Tony Rodriguez

  • Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    April 19, 2024 at 22:48

    hello.
    I need help because the sticky cart on the simple product does not appear correctly. It looks cut off and does not allow you to see all the information.

    I have attached a screenshot of the error.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 20, 2024 at 08:46

    Hello, @LVRB Love’s Rebel,

    Thank you so much for purchasing our theme and contacting our support center.

    By default the buy now button should not be shown on mobile in the sticky panel, it can appear in case you are using a cache plugin or CDN.

    We can offer you to add the code into Theme Options > Theme custom CSS > Global:
    this code can be used to add a scroll https://gyazo.com/9564b345cce274c0b8b1d94f7aec33bb

    @media only screen and (max-width: 992px) {
        .single-product .etheme-sticky-cart .et_column:nth-child(2) {
            justify-content: flex-start;
            overflow: auto;
        }
    }

    or this

    @media (max-width: 767px) {
        .etheme-sticky-cart p.price,
        .etheme-sticky-cart .quantity ~ .et-single-buy-now {
            display: none;
        }
    }

    to remove the buy now button – https://prnt.sc/962l1TXSdFjU

    Should you require any further assistance, please do not hesitate to reach out to us.

    Best regards,
    The 8Theme Team

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

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

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