SKT Education issues

Home Forums All Other Themes SKT Education issues

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #98631
    Vanessa Gómez
    Participant
    • Topics: 91
    • Replies: 267
    • Total: 358
    Member since: July 4, 2016

    Hi,

    web: https://classes.autoescolasantfeliu.com
    working with SKT Education theme and Learn press plugin.

    There is a problem with the header of the lessons.

    A header appears at the top of the lessons and covers the title of the lesson. This problem occurs in all screen sizes.

    For example in ths lesson: https://classes.autoescolasantfeliu.com/es/cursos/2-condicions-de-seguretat/lessons/capacitats-temps-distancies/

    Large screen view screenshot:

    Small screen view screenshot:

    How can I fix this issue?

    Thank you very much for your help!!

    Best regards,
    Vanessa

    #98686
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (min-width:480px) and ( max-width:767px) {
    .phntp { display: block !important; text-align: center !important; line-height: 40px;}
    }

    Regards,
    Brad

    #98717
    Vanessa Gómez
    Participant
    • Topics: 91
    • Replies: 267
    • Total: 358
    Member since: July 4, 2016

    Hi Brad,

    It does not work. I added the code but the problem has not been solved.

    What I want is that the header does not cover the title of the lessons. Header does not allow to see correctly the upper part of the lessons.

    How can I solve that?

    Regards,
    Vanessa

    #98718
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? After using the css code.

    Regards,
    Brad

    #98719
    Vanessa Gómez
    Participant
    • Topics: 91
    • Replies: 267
    • Total: 358
    Member since: July 4, 2016

    Hi Brad,

    In the lessons of Learnpress (for example: https://classes.autoescolasantfeliu.com/es/cursos/2-condicions-de-seguretat/lessons/capacitats-temps-distancies/) the header of the web hides the title of the lessons.
    In this screenshot you can see the web header that does not allow to see the upper part of the lesson.

    And in this other screenshot you can see how it should look correctly.

    null

    How can I fix this issue?

    Thank you very much!!

    Regards,
    Vanessa

    #98721
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    I am not sure what you mean by this. Can you may be draw or point out in an image?

    You can upload image in imgur.com and share the link here.

    Regards,
    Brad

    #98722
    Vanessa Gómez
    Participant
    • Topics: 91
    • Replies: 267
    • Total: 358
    Member since: July 4, 2016

    Hi Brad,

    Previously I have already uploaded two screenshots showing the problem
    If you look at the first image you will see that at the top the header of the web (marked with a box in red) does not allow the title of the lesson to be correctly seen (Learnpress lesson).

    In the second image I show you how it should look correctly: without the head of the web covering the title of the lesson.

    I have tried several css codes to hide the web header but then the header disappears in all the pages of the web.

    What I want is that in the lessons of Learnpress the cabacera does not cover the content of the upper part.

    Regards,
    Vanessa

    #98740
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .single-lp_course .header_wrap.layer_wrapper { display: none;}

    @media screen and (min-width:480px) and ( max-width:767px) {	
    body.course-item-popup #course-item-content-header .course-item-search { width:24%;}
    body.course-item-popup #course-item-content-header .course-item-search input { width:100%;}
    body.course-item-popup #course-item-content-header .course-item-search button { left:125px;}
    #course-item-content-header .course-title { width:42%; padding:0 8px;}
    #course-item-content-header .toggle-content-item { width:40%;}
    }

    Regards,
    Brad

    #98754
    Vanessa Gómez
    Participant
    • Topics: 91
    • Replies: 267
    • Total: 358
    Member since: July 4, 2016

    Hi Brad,

    Works! Thank you very much!!

    Best regards,
    Vanessa

    #98810
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.