Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2021 at 8:29 am #1332246
    mkhib

    Hi there,

    I have the following problem. On my homepage, a lightbox is called up via the masonry gallery (under “Leistungen”) and information is displayed there.
    On a PC the lightbox is the right size; on a smartphone only about 45% of the height of the viewport is used.

    The solutions listed in the forum didn’t work for me – could you please help? My goal would be a lightbox on the smartphone with a height of 80-90% of the viewport.

    Many Thanks
    Michael

    December 10, 2021 at 1:58 pm #1332321
    Mike

    Hey mkhib,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 768px) { 
#top .mfp-iframe-scaler {
    height: 90vh;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 10, 2021 at 2:15 pm #1332322
    mkhib

    Thank you so much! It works.

    December 10, 2021 at 2:42 pm #1332327
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Size of lightbox on mobile’ is closed to new replies.