Site header covers lesson pages

Seems I’v found the issue.
In the learnpress CSS i see:

#popup-course {
  display: flex;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

Using a plugin that loads custom CSS code at the course page loading, and injecting this custom css:

#popup-course { position: unset;}

the issue is solved: the lesson content shows right after the header. You can check this screenshot here: https://drive.google.com/file/d/1–IzmDx4_ASRE82xrQBIM4iL3-czjnvn/view?usp=sharing

Now my question is: the orignal css position: fixed;is right or it’s an error?

My solution could move me to any other issue? Do you have any other type of suggestion to fix this?

Thanks

• This reply was modified 3 years, 6 months ago by rafpigna.

I am having the same issue. Any chance you can help me with this, too?

@kristenmgerber try what I did
I installed this plugin https://it.www.ads-software.com/plugins/wp-add-custom-css/

After the activation, in the settings, check the box to add the custom css to the page you use for courses. then edit the course you want to fix and at the end of the page you will find a custom css box.
Insert the following in the box:

#popup-course { position: unset;}

I added also this

.learn-press-breadcrumb {display: none;}
because I dont like the breadcumbs, but it’s not mandatory.

Save the course and check if it fixes also for you.

PLEASE NOTE: You have to add the CSS custom code to the COURSES, not to the lessons, since the “main” page that loads is the course that then loads the lesson like in a sub-frame of the page.

• This reply was modified 3 years, 6 months ago by rafpigna.

I’m sure this can be done also without using the plugin but just adding the custom css in the php templates in the learnpress folder, but I dont know how to do since I’m quite a newbie in php and css, I just use try-error-retry until I fix something ??

Doing other testing, my fix works fine on desktop but completely screw the theme and navigation in my mobile theme.

I hope the developer can fix this issue, I see that others have the same issue, or I will have to choose another LMS plugin…

Hi @rafpigna

We find your issue here https://prnt.sc/12v9rl3 it comes from your theme. Because the header very large and the value of the Z-index very height (2000), you can try to change it to 1 to view the change.

Thanks