course-item-content-header on Safari

I was in doubt that it could be due to my personalization, I tried on a brand-new WordPress setup with a basic theme (Twenty Eleven) and I get the same result. I have tried with various themes and in all cases on Safari I don’t see correctly the top bar when look at the lessons.

I’ve tried to play with CSS and z-index values but with no luck.

Here an example on Safari: https://ibb.co/gRmWS7
And here an example on Chrome (correct): https://ibb.co/jYuqLS

The issue is present on bot Mac OS and iOS

Can you check?
Thank you

• This reply was modified 6 years, 11 months ago by fabio.grasso.

Hi
Same for me, on safari only ( works fine on firefox, chroe , ie … ) : any theme I use, it does the same , no top bar for lessons ( when refreshing my page I can see it very quickly and then the page theme below appears and hide it)

THis part of css doesn’t “work” on safari ( on mac, iphone, ipad etc )
I tried to put ( line 4 ) “height: 120px” : I can see the 60px below the usual top bar .. so I guess this is the part that doesn’t work on safari.
Even “height: 60px!important;’ doesn’ make anything

#course-item-content-header,
#course-item-content-footer {
position: fixed;
height: 60px;
right: 0;
line-height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

My english is not good ( I’m not native) , hope your understand what I mean

But that problem, Learnpress is a fantastic plugin !!

Hi again,
Didn’t solved it, but made a little change that gives the top bar lesson just up to the lesson ( hidding the name on the lesson but as it is on the left menu, it’s ok fr me )
In fact, I prefer like that : so that, you keep the theme look on the top of the page, not so bad.

Here it is the lines I changed in my css

#course-item-content-header,
#course-item-content-footer {
position: relative;
top: 0; left: 0;
…….

if it can help …

+
height: 50px;
line-height: 50px;

in order to read the lesson text