Sticky add to cart in combination with buy now button on mobile

This topic has 6 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Rose Tyler

  • Avatar: djenne
    djenne
    Participant
    February 23, 2022 at 16:25

    When using sticky add to cart button in combination with buy now button I can’t get the two buttons below each other on mobile. What is the template file of the sticky add to cart button? Or is there some CSS where the two buttons would be below each other on mobile, instead of next to each other?

    https://prnt.sc/DwFZskoJuMex

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 23, 2022 at 21:19

    Hello,

    Could you, please, provide us with link to your product to inspect the sticky panel and help you?

    Regards

    Avatar: djenne
    djenne
    Participant
    February 24, 2022 at 05:45
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 24, 2022 at 13:29

    Hello,

    Add the below code to Theme Options > Custom CSS

    @media only screen and (max-width:768px){
        .single-product .etheme-sticky-cart .cart {
            flex-wrap: wrap;
        }
        .etheme-sticky-cart .quantity~.single_add_to_cart_button {
            max-width: 130px;
            min-width: 130px;
        }
    }

    Regards

    Avatar: djenne
    djenne
    Participant
    February 24, 2022 at 15:01

    Thank you, it works

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 24, 2022 at 15:07

    Hello,

    You’re welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 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.