Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 19, 2014 at 3:05 pm #226195
    dxbizzle

    I found a previous post that goes into this in detail but the outcome is somewhat an incomplete fix.

    https://kriesi.at/support/topic/lightbox-images-on-iphone-or-ipad-dont-resize/

    Basically, when I open my thumbnails on iphone, the bottom banner under the lighbox image does not show correctly (see the link above).

    The CSS given by the moderator fixes this issue but I dont need a transparent banner here, it should be like the original Enfold demo with a white box and the page numbers and close symbol. I have tested this on the demo and there seems to be no issue here.

    Can anyone help, am i missing something from my theme or css?

    Thanks

    February 19, 2014 at 3:13 pm #226207
    Yigit

    Hi danielammounah!

    Can you post the link to your website so we can take a look? If you are not using the latest version of the theme, please upda Enfold to the latest version 2.5.2
    http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    February 19, 2014 at 4:20 pm #226245
    dxbizzle
    This reply has been marked as private.
    February 19, 2014 at 4:24 pm #226246
    dxbizzle

    I seem to be running the latest version

    • This reply was modified 10 years, 9 months ago by dxbizzle.
    February 20, 2014 at 5:47 am #226600
    Ismael

    Hey!

    Please use this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default {
width: 90%!important;
left: 5%!important;
overflow: visible;
background: white;
padding: 0 5% 5% 5%;
}
}

    Cheers!
    Ismael

    February 20, 2014 at 9:57 am #226653
    dxbizzle

    That works perfectly and looks much better now with a larger border to contain the image! Thank you!

    I had to also add this to custom css to alleviate a slight navigation alignment issue.

    @media screen and (max-width: 767px){
    .pp_details, div.pp_default .pp_details {
    background: transparent;
    position: inherit;
    }
    }

    Appreciate the support.

    Cheers,
    Danny

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Lightbox images on iphone – css issue’ is closed to new replies.