Okay
  Public Ticket #2894629
2 column display in image gallery on mobile and tablet
Closed

Comments

  • lajillustration started the conversation

    Hi,

    Loving your theme, its really easy to use and well designed!
    I just had a small display issue where im using the ”image gallery” to display a grid of pictures. On desktop it looks ok as shows as rows of 4 columns. On Tablet and mobile however it immediately shows just 1 column photo which bis huge. How can I get it to show 2 column display for tablet and mobile? Ive tried playing around with the column responsive settings without much success.

    (The question has been asked before "PUBLIC TICKET # 1308650" but there was no answer published.)

    Thanks Jimmy

  •  8,453
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 699px) {
        .wpb_gallery_slidesimage_grid .portfolio-items:not(.carousel) .col.span_3 {
            width: 49.9%!important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  • lajillustration replied

    Avesome! Thank you, Tahir! It worked like a charm :)

    Best regards Jimmy