[Resolved] mobile landscape view alignment

Home Forums Support [Resolved] mobile landscape view alignment

Home Forums Support mobile landscape view alignment

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1667242
    Konstantinos

    Hallo and keep up the great work you are all doing.I have a problem in mobile landscape view alignmet with a h2 title that is big as you can see by the photo in the link:https://ibb.co/CP1YJ4h.
    How i can overcome this in mobile view with css?
    The domain is https://staging.modawood.gr/.
    Thanks a lot.

    #1667497
    David
    Staff
    Customer Support

    Hi there,

    the best i can offer is this CSS:

    @media(max-width: 800px) and (min-width: 600px) {
      #produkt_categories .bildhover h2 {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 1.4em;
        margin: 0 auto;
        line-height: 1;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 1em !important;
      }
    }

    It will clamp the H2 to a single line on those smaller screen sizes.
    Any other modification you would need to speak to the Plugin Developer.

    #1667525
    Konstantinos

    Thanks a lot David.I believe this do the job!

    #1667579
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.