Style issues with Guru

mberwing

Hello,
we are experiencing three style issues with Guru.

1 - The two header lines are overlapping when the header text is longer for the first header line.
How could this be avoided ?

2 - The text of the lesson description is overlapping with the header lines
This issue can be fixed by adding a blank line in the text editor - but it is obviously a workaround and not a solution !

3 - Lesson text is moving to header line when you need to scroll
When the text is longer and you need to scroll, then the text is overlapping with the top header line but should move within the defined text area !

See screenrecording with all three issues
https://drive.google.com/file/d/1PQGtH3XvU-cG7t-0C75e3-pwkzkvUU0A/view?usp=sharing

Best regards
Markus

saguaros

Hi Markus,

Could you share the URL of that page so I can check? as I'm not familiar with native language on your site.

mberwing

Hi saguaros,

sure. Here is the direct link but the issue is everywhere on almost every course in Guru Pro.

Please note that the courses are visible only for logged users so you would need to use a test account.
You can use the one in site access.

Please then navigate to:
https://senioren-treffen-senioren.net/kommunikation-soziale-interaktion/guruprograms/3-kommunikation-soziale-interaktion/3-kommunikation-soziale-interaktion

and then use for example the course called 'Kommunikation & Soziale Interaktion - Fallbeispiele'

Cheers
Markus

saguaros

Could you help to check the provided account again? as I can't login now.

mberwing

Hi saguaros,

this is very strange. The account is working fine - I just tested it again with the provided account credentials.
See screen recording.

https://drive.google.com/file/d/1DrEPBtXa6YDophbDLsLxxav2uhppDYb4/view?usp=sharing

I have temporarily stopped the strong IP Address Banning Tool from our Firewall as well.

It should really work - please try again.

Cheers
Markus

saguaros

It notices this error when I try to login:

mberwing

Hi saguaros,

have you please tried the correct URL ?

joomla4.senioren-treffen-senioren.net and
joomla4.senioren-treffen-senioren.net/administrator/index.php

I just tested it again and all is fine !

I assume you used the top level production domain and URL senioren-treffen-senioren.net is indeed set to offline since we are not live yet with our solution and joomla4.senioren-treffen-senioren.net is our test site.

Thanks and regards
Markus

saguaros

Are you working on this test site? I tried to login again but it's showing screen with errors related to com_sidekick

mberwing

Hey saguaros,

I have a ticket open for another component from a third party developer and they are debugging.
But please ignore this now since the previously reported error is fixed.
So you can try again and sorry for the inconveniences.
Just ignore the current error on the top of the screen.

Thanks and regards
Markus

saguaros

Could you share the URL of that course page on this test site? as I'm not familiar with your native language.

mberwing

Hello saguaros,
I cannot give you a direct link since it is a pop-up window.
But I can give you the one before with the course details.

Please first login with user credentials via off-canvas menu.

Here is the link to the course (as stated this is a generic issue in Guru Pro and not only on this specific course section).

https://joomla4.senioren-treffen-senioren.net/kommunikation-soziale-interaktion/guruprograms/3-kommunikation-soziale-interaktion/3-kommunikation-soziale-interaktion

and then use for example the course called 'Kommunikation & Soziale Interaktion - Fallbeispiele'

Thanks and regards
Markus

saguaros

Hi Markus,

Our team updated the style a bit by enlarging the tabs section so the text can display properly:

@media (min-width: 992px) {
  .guru-lesson.shownav {
    padding-right: 400px;
  }
  
  .guru-lesson-nav {
    width: 400px !important;
    max-width: 400px;
  }
}

Kindly check.

mberwing

Hey saguaros,

super !!!!!!
Now this is looking perfect.

Thanks so much ....much appreciated.

Issue can be closed.
Cheers
Markus