Lesson Page responsiveness issue

  • Resolved kenhes

    (@kenhes)


    6 years, 9 months ago

    I’m evaluating LMS solutions and think LearnPress is the one to go with. However I have some issues with Lesson Page responsiveness on narrow portrait screens. (Simulate this on desktop by reducing the width of browser.)

    1) The curriculum list on the left needs to auto-hide and only show the content.
    2) The “Back to Course” button pops down and covers the Lesson title!

    I know it’s possible as I’ve seen it done in this theme:
    https://educationwp.thimpress.com/courses/learnpress-101/lessons/what-is-learnpress-2/

    I’d love if there was an easy solution for these issues and appreciate any help.

    The page I need help with: [log in to see the link]

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

  • Here’s some custom CSS that I wrote for my client. Not perfect, but it works for us.

    @media screen and (max-width: 1120px) {

    .course-item-search {
    display: none;
    }
    }

    @media screen and (max-width: 500px) {

    #learn-press-content-item + .course-curriculum {
    display: none;
    }

    #learn-press-content-item {
    left: 0 !important;
    }

    }

    • This reply was modified 6 years, 8 months ago by zoldor.

    No works, can’t view de list of lessons, arrows click doesn’t works neither “x”, in iphone6

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Lesson Page responsiveness issue’ is closed to new replies.