Return to previous page

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, 1 months ago ago by Rose Tyler

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

#318245 Copied Theme version: 8.1

5 Answers

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

#318279 Copied

djenne

Participant

February 24, 2022 at 05:45

https://roefel.com/winkel/douche-en-shampoo-sensitive-bio-eliah-sahil/

It’s on mobile that the problem occurs

#318291 Copied
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
#318321 Copied
djenne

Participant

February 24, 2022 at 15:01

Thank you, it works

#318332 Copied

Rose Tyler

Support staff

February 24, 2022 at 15:07

Hello,

You’re welcome!

Regards

#318334 Copied
Tagged: buy now button, mobile optimization, seo friendly, sticky cart, woocommerce, wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)