Image size with VC Media Gallery in smartphone/tablet

Home Forums WordPress Theme Springbook – Responsive WordPress Blog Travel Photography Theme Image size with VC Media Gallery in smartphone/tablet

This topic contains 5 replies, has 2 voices, and was last updated by  CTHthemes 1 year, 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14163

    donzy
    Participant

    Support Expired

    Hi,
    I have a problem with Media Gallery when I use it with smartphone or tablets.
    When I open an image from the gallery it appears too small inside its frame. I need it large as the screen.
    With desktop it’s ok inside the frame, even if it’s smaller than the screen size, but with the phone is too small now.
    How can I set up the displaying size for these devices? Is it possible?

    And the gallery doesn’t appear as a grid when you open the page with phone, but the images appear large and like a “list”, one by one.

    Thank you in advance for your help!

    Riccardo

    Attachments:
    You must be logged in to view attached files.
    #14168

    CTHthemes
    Keymaster

    Hi, send me the page link to check.

    #14169

    donzy
    Participant

    Support Expired
    This reply has been marked as private.
    #14171

    CTHthemes
    Keymaster

    1, please try add code bellow to Springbook Options -> Custom Code tab -> CSS Code – Large Desktop View

    
    /* prettyPhoto styling for small screens */
    @media (max-width: 500px)
    {
        .pp_pic_holder.pp_default
        {
            width: 100%!important;
            margin-top:-100px !important;
            left: 0!important;
            overflow: hidden;
        }
        div.pp_default .pp_content_container .pp_left
        {
            padding-left: 0!important;
        }
        div.pp_default .pp_content_container .pp_right
        {
            padding-right: 0!important;
        }
        .pp_content
        {
            width: 100%!important;
            height: auto!important;
        }
        .pp_fade
        {
            width: 100%!important;
            height: 100%!important;
        }
        a.pp_expand,
        a.pp_contract,
        .pp_hoverContainer,
        .pp_gallery,
        .pp_top,
        .pp_bottom
        {
            display: none!important;
        }
        #pp_full_res img
        {
            width: 100%!important;
            height: auto!important;
        }
        .pp_details
        {
            box-sizing: border-box;
            width: 100%!important;
            padding-left: 3%;
            padding-right: 4%;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #fff;
            margin-top: -2px!important;
        }
        a.pp_close
        {
            right: 10px!important;
            top: 10px!important;
        }
    }
    

    2, The images are too large so it take times to load them. Please try thumbnail size option from theme options panel then regenerate theme:

    http://prntscr.com/fdr3z4

    #14173

    donzy
    Participant

    Support Expired

    Ok, now it seems perfect!
    I will set up all my galleries and I let you know.

    Thank you very much for your help.

    Riccardo

    #14176

    CTHthemes
    Keymaster

    You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Hello! CityBook version 1.2.7 was released. Bulk Import Add-On, OpenStreetMapView Details
+