Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi Niki,

    Thank you for your question.

    About the size of lightbox, please follow guide to solve that
    https://stackoverflow.com/questions/13778714/optimize-prettyphoto-lightbox-for-mobile-devices
    or https://stackoverflow.com/questions/23931523/prettyphoto-mobile-responsive

    Hope that convenient for your plan.

    Best regards,

    Anthony

    Thread Starter Niki Bilejn

    (@niki-bilejn)

    Hi,

    I found this code and its work fine:

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	 .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }
    	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
    	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
    	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
    }
    
    @media only screen and (max-width: 479px) {
    	 .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; }
    	 div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
    	 .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
    	 div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }
    }

    You can try to test this with king composer. It’s a best light box and pop-up plugin that I been tested so far and its GPL.

    https://dimsemenov.com/plugins/magnific-popup/

    Chears!

    • This reply was modified 7 years, 3 months ago by Niki Bilejn.
    • This reply was modified 7 years, 3 months ago by Niki Bilejn.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Lightbox size’ is closed to new replies.