Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2018 at 1:39 am #1034805
    garyvot

    Hi, I am using the Enfold Portfolio Grid element on a responsive site, and I want to have better control over the number of rendered columns when viewed on mobile devices. The grid element is set to 4 columns on desktop, but when sized down to a mobile display, it renders as a single column. I would like instead for it to always have at least 2 columns on a mobile layout. Is it possible to override this behavior with CSS?

    Thank you in advance.

    November 18, 2018 at 6:02 am #1034823
    Mike

    Hey Gary,
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) and (min-width: 300px) {
.responsive #top #wrap_all .grid-sort-container .grid-entry {
    width: 50% !important; 
}
}

    Best regards,
    Mike

    November 18, 2018 at 10:06 pm #1034908
    garyvot

    Hi Mike, that did the trick! Thank you very much!

    Gary

    November 18, 2018 at 11:49 pm #1034930
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsive Portfolio Grid: How to control column count on mobile layouts?’ is closed to new replies.