How make sticky on tutor price preview box

Hi @ujanggiroud

You can try this custom CSS. Please add this in Appearance > customize > Additional CSS

@media only screen and (max-width: 600px) {
.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap button {
position: fixed;
bottom: 0px;
right: 0px;
}
}

Thank you!
Best Regards,

• This reply was modified 3 years, 2 months ago by Parag Das.

hi, thanks for your answer
I have tried it, it’s work only for free course,

I have another question if you don’t mind

How to move the price box to top of page, cause I have an issued if I make the price box sticky

best regard
ujang giroud

Hi @ujanggiroud

You can use the following custom CSS for Paid course sticky button. [add to cart]

@media only screen and (max-width: 600px) {
.tutor-price-preview-box .tutor-course-purchase-box button {
position: fixed;
bottom: 0px;
right: 0px;
}
}

Can you tell me which editor you are using, Qubely or Elementor? You can move the price box if you edit the single course template using elementor.

Thank you!
Best Regards,

thanks again Parag Das
it’s work, even on inner section elementor it’s work perfectly, I just make some adjustment in CSS class, so I can make sticky Price and Button

I am using elementor for tutorLMS

once again, thanks a lot