SKT Education issues

[Vanessa Gómez]

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

[Sonl Sinha]

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

[Vanessa Gómez]

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

[Sonl Sinha]

Hi,

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

Regards,
Brad

[Vanessa Gómez]

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.

How can I fix this issue?

Thank you very much!!

Regards,
Vanessa

[Sonl Sinha]

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

[Vanessa Gómez]

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

[Sonl Sinha]

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

[Vanessa Gómez]

Hi Brad,

Works! Thank you very much!!

Best regards,
Vanessa

[Sonl Sinha]

🙂

[Author]

Posts