You should make Tutor responsive

  • Resolved onixfernando

    (@onixfernando)


    7 years ago

    Hey guys,

    I was taking a look at your plugin and I have to say that it is amazing. I love the way it looks on desktops but when it comes to cellphones it becomes messy and confusing. Unfortunately, I need an option that looks good on desktops and amazing on cellphones and I would love to see that you make this difference in the future.

    Thanks,

    Juan

Viewing 6 replies - 1 through 6 (of 6 total)
  • Sekander Badsha

    (@badsha_eee)

    7 years ago

    Hello Juan,

    Thank you for all the good words. We have recently, received a report about the dashboard pages and fixed the responsive issue there.

    Can you please share some screenshots with us where you think we should improve the responsiveness?
    You can upload the images somewhere and share the link with us.

    jakubkudlacek

    (@jakubkudlacek)

    6 years, 7 months ago

    @badsha_eee @onixfernando
    Hello guys,
    I have the same problem and I can see that the issued has been resolved. Can you please share the solution.
    The plugin is amazing and it looks very good but doesn’t work really on mobile phones.

    Thank you
    Jakub

    Sekander Badsha

    (@badsha_eee)

    6 years, 7 months ago

    @jakubkudlacek I am sorry to know that facing problems in the mobile view. Please share the name of the theme you are using and some screenshots of the pages that you are not looking good. We will fix those ASAP.

    jakubkudlacek

    (@jakubkudlacek)

    6 years, 7 months ago

    @badsha_eee
    Hello, thank you for such a prompt answer!
    I am using the Oceanwp theme with Elementor.
    https://ibb.co/JzxFR4H
    https://ibb.co/GJBWJM4

    The content is there and it just looks like there is an absolute DIV/FIELD height that cannot span down…
    This is the link: https://movegeen.com/courses/first-course/lesson/lcs-aka-the-lower-crossed-syndrom/
    Try to resize the window on your computer and you will see the issue right away when reaching the mobile view size.

    I have sent temporary access to your email to see the link.

    Thank you for your help in advance!
    Jakub

    • This reply was modified 6 years, 7 months ago by jakubkudlacek.
    Sekander Badsha

    (@badsha_eee)

    6 years, 7 months ago

    I have forwarded the issue to the developer. I will try my best to get a fix ASAP.

    Md. Mehedi Hasan

    (@mehedih)

    6 years, 7 months ago

    Hi there,

    We appreciate your patient and cooperation. Please apply the following CSS on Appearance > Customize > Additional CSS:

    @media (max-width: 767px){
.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
    padding: 7px;
}
.tutor-single-lesson-wrap {
    min-height: 100vh;
}
}
.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button i {
    display: inline-block;
    margin-right: 3px;
}
.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
    text-transform: none;
    padding: 14px 20px;
}

    Hopefully, it’ll work for you.

    Regards,
    Mehedi

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘You should make Tutor responsive’ is closed to new replies.