This topic has 7 replies, 2 voices, and was last updated 6 years by Laura.

  • Author
  • #194519
     olufemishield
    Participant

    I want to create an image grid, 6 images on a row like it is on this page

    But I want a situation where it can resize to three images in two columns and then two images in three columns as the screen gets smaller. Kleo feature grid limit is 6 and image grid would only resize them to one image per row in 6 column at it first resize.

    How can I go about it.

    Thank you

    #194566
     Laura
    Moderator

    Hello, i can help you with the change, its only css, please share the resolution you want the rows to change so i create an css code for each size

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #194592
     olufemishield
    Participant
    This reply has been set as private.
    #194904
     Laura
    Moderator

    Hello, please add this to style.css of child theme

    COPY CODE
    
    @media (max-width: 768px) {
    .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 33% !important;
    }
    }
    @media (max-width: 767px) {
    .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 50% !important;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #194987
     olufemishield
    Participant

    Nice Laura. Thank you. This achieved just the 2 column adjustment. You used 768px and 767px, just a pixel difference, is that what you meant?

    #195034
     Laura
    Moderator

    Hello, yes, i just checked and on tablet i see 3 columns and at mobile 2, please try to clear each device browser cache before testing, or let me know which device is not showing correctly 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #195066
     olufemishield
    Participant

    Thank you Laura

    #195170
     Laura
    Moderator

    Always happy to help 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?