sticky sidebar for woocommerce product page only

Hi there,

try this CSS, i also added some CSS to fix the padding and adjusted the top sticky position to stop it from hitting the sticky nav:

.single-product .is-right-sidebar .inside-right-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}
#right-sidebar .yith_wcbk_booking_product_form_widget {
    margin-top: 20px;
    padding: 10px;
}

Hi David,

Thanks. I really appreciate it!

I got another 2 layout may need your help, I would like to adjust the layout which look alike like the demo, could you please assist me with the CSS?

My Site V.S Demo

1. Mobile View sticky bar
https://imgur.com/a/neuBcV1

2. Mobile View Booking Form
https://imgur.com/a/FiNphaQ

Thanks.

Regards,
Melvin

Would you mind raising a new topic so the original topic can be resolved.

Hi David.

Noted with thanks :)

Melvin

Thank you

Hi David,

I only wanted to apply the following code to Desktop but not on mobile and tablet. Could you let me know what to add into the code to achieve that goal?

.single-product .is-right-sidebar .inside-right-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

TQ David

Melvin

Hi David,

I found the solution :) , sorry for bothering.

And thanks for your support

Regards

Melvin

Glad to hear that!