problem with lightbox gallery on mobile devices

  • Posted in : Responsy WP
  • effebi
    Participant

    I loved the inclusion of the “Lightbox Gallery” in the portfolio pages (a very useful thing!!!!!).
    But it seems to me that has problems working on some mobile devices.
    For example on the iphone “lightbox gallery” blocks the operation of the site (and the gallery is not displayed correctly).
    Can you solve the problem, please?
    thank you very much

    ahmetsali
    Keymaster

    Hi, can you provide a url to see what’s wrong?

    effebi
    Participant

    yes, of course (even if the site is still under construction.)

    However in this page:

    http://www.salumificiopedrazzoli.it/it/department/luxury/

    try to select the last icon at the bottom (the one with the picture of the black boxes) on iphone 5 and see what happens. :(((
    thanks for your help
    effebi

    ahmetsali
    Keymaster

    try this custom css and see if it works for you;

    @media (max-width: 480px) { 
       .pp_gallery { display: none !important; }
    }
    
    effebi
    Participant

    Unfortunately still does not work. :-(
    I wrote the code in custom css.
    But the lightbox behaves as before on iphone (the images do not seem to load and consequently the “lightbox” remains white after the first image does not resize and the site is blocked.

    I also tried to write the “media queries” that suggest directly in main.css or later in prettyPhoto.css.
    What can it be?

    effebi

    ahmetsali
    Keymaster

    I just checked on iphone5 and android 4.1, lightbox gallery works fine, i can navigate through the gallery, expand the image to real size, and close the lightbox, it works fine on my side, site is not blocked at all.

    nelisseos
    Participant

    I looked at the help documentation to create a slider inside my post yet it’s messing my page up.

    How could I had a media box similar to the one on the demo site with multiple images.

    thanks

    Mehmet S.
    Keymaster

    – Use inline slider shortcode.

    – Use media box shortcode.

    nelisseos
    Participant

    I went looking for the shortcode but could not find, help?

    Mehmet S.
    Keymaster
    [inline_slider arrows="true"]
    	[slide caption="" url="" src=""]
    	[slide caption="" url="" src=""]
    	[slide caption="" url="" src=""]
    [/inline_slider]
    
    [media_box type="" hover_text="" alt="" title="" width="" align="" lightbox="" new_tab="" thumbnail="" src=""]
    
    type="" ... image, video, link
    align="" ... align-left, align-right
    lightbox="" ... yes
    new_tab="" ... yes
    
Viewing 10 posts - 1 through 10 (of 10 total)

The forum ‘Responsy WP’ is closed to new topics and replies.