Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #2160783
Clients Logo/Tekst
Closed

Comments

  •  2
    Michael started the conversation

    Hi,

    I have the following issue.
    On the website i have my clienst with text. It looks okay when you hover on the image and the text shows.

    But when you look at it from a tablet/phone etc. The text goes through everything and doesn't come out readable and is really ugly.
    When you go into my wordpress and choose frond-end editor, choose some different views and hover on the clients and see what i mean.

    Username and Passw are already applied and are the same as before.

    I would like to have it readable on evey device ;-)
    What can i do? 

    Thanks in advance.


  •  1,563
    Laborator replied

    Hi Michael,

    Due to the amount of characters it's hard to make it readable in every device, but what you can do is set a smaller size of the font for the description.

    I could not access the WP-admin area, it always redirects me to the homepage so I will explain it from here and you can apply the changes, in your admin panel go to Laborator > Typography and select the font you're using, then scroll down and follow the instructions in the image below:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • [deleted] replied

    Hi Michael,

    I have checked your site and tried to login to your WP admin panel but it doesn't work:

    https://d.pr/v/58vGB5

    However, I have checked on smaller screens to understand the issue and I have found a solution that would work for you:

    https://d.pr/v/qBbY7b

    And the CSS to add is this:

    @media screen and (max-width: 992px) {
        .logos-holder .hover-state {
            overflow: auto;
        }
        .hover-state .hover-state-content {
            max-height: 100%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }