Mobile Version – “Buy Now” button (Fixed)

Hello, good morning.

I need the “Buy Now” button on the mobile version to be fixed, please. That is, the button should be visible as soon as it’s opened on mobile.

I’ve removed the add to cart option. I only need the “Buy Now” button. Could you help me?

Attachments:

You must be logged in to view attached files.

Hi rtingoa,

Thanks for reaching to us.

– Please enable Sticky add to cart on mobile option.

– Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-sticky-btn button.single_add_to_cart_button{
    display: none;
}

div.wd-sticky-btn :is(button.wd-buy-now-btn){
    display: block;
}

.wd-sticky-btn form.cart :where(.wd-buy-now-btn) {
    flex: 1 1 100%;
} 

Regards,

Good morning

Thank you, but I also need the “buy now” button to appear immediately when the page is opened on a mobile device.

That is, I don’t have to scroll down to see the button.

How can I get the button to appear immediately on a mobile device?

Attachments:

You must be logged in to view attached files.

Hi rtingoa,

Please add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

div.wd-sticky-btn{
    transform: translate3d(0, 0, 0);
}

Regards,

[Author]

Posts