Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2022 at 12:42 pm #1336344
    tiefenschaerfe

    Good morning!

    Currently, the responsive adjustment works only partially on small screens.
    And it is not apparent what the difference is. For example, the following pages are exactly the same – affects the slider .
    Nevertheless, the font on one page is reduced on the smartphone, on the other page it is not.

    Here it´s working: https://gks-luebeck.de/schulleben/
    here not: https://gks-luebeck.de/

    Furthermore, words currently break off quite stupidly. Email addresses, for example, are only partially displayed on the tablet (iPad/Safari) (in the footer widget).

    What can i do? Best regards,
    Susanne

    January 20, 2022 at 2:44 pm #1336366
    Rikard

    Hey Susanne,

    The tag on the front page is h1, and on the sub page it’s h2, and you have this CSS applying to the h2 on mobile:

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}
}

    How do you want to change the h1 for mobile?

    Best regards,
    Rikard

    January 20, 2022 at 4:51 pm #1336403
    tiefenschaerfe

    Hi Rikard,

    okay the H1 setting on the slider I found and changed.

    But what do you mean with the second one? With @media only …
    Where did you get that from and where can that be changed?

    Best regards
    Susanne

    January 21, 2022 at 5:37 am #1336459
    Rikard

    Hi,

    I can’t see exactly where it’s coming from, since you have file compression active. If you need further help with finding that, then please include admin WordPress login details in private.

    Best regards,
    Rikard

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