Okay
  Public Ticket #1005644
Lightbox menu hidden by browser/tall images in mobile
Closed

Comments

  •  2
    emma started the conversation

    Hi, I think I've found a pretty serious bug. When using a mobile device and opening a taller item (banner or infographic for example), the top menu (zoom and close) sometimes appears either under the URL or on top of the image itself. Is there any way to:

    1. Make sure that the mobile lightbox menu is fixed in the top right of the lightbox at all times, even when scrolling. 

    2. Give the menu a white background so that when a dark image is below it, it's still visible. 

    thanks!

  •  1,558
    Laborator replied

    Hi Emma,

    Add the following CSS in your Custom CSS to fix your problem with the color:

    .lg-outer.lg-skin-kalium-default .lg-toolbar {
        background-color: #FFF;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    emma replied

    Thank you!

  •  2
    emma replied

    Upon further testing, I learned that the lightbox menu icons are hidden by the browser when the URL bar is gone. To recreate, visit my site and scroll down a bit so that the URL bar goes away, then click on an image. The top icons appear half cut off by the phone's top menu (clock, battery, etc).

    I haven't tested it on other phones, but if it's not just me you should see what I'm talking about. 


  •  2
    emma replied

    ANNNNND I seem to have fixed it by switching demo content. I was using the "Photographer" demo and now I'm using the "Freelancer" demo.  ¯\_(ツ)_/¯

  •  1,558
    Laborator replied

    Hi emma,

    The CSS I gave you should have fixed the problem by adding a background color to the toolbar, anyway glad to hear that you found out a way to fix it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    emma replied

    Yes it did add a background to the icons, you are correct! 

    But half the icon was still cut off at the top. If no one else has seen the issue it was probably just something wonky I did to it when I was messing with the options. All good now!