Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #391496

    On mobile sizes, the first grid item appears full width (single column).

    I’d prefer that it appears in two column instead.

    You can see this here on the homepage of this website –

    Instead of the first portfolio item “Loop” appearing in one column, I want there to be two portfolio items at the top row, side by side, just like the subsequent items below.

    Are there some CSS changes I can make to enable this?


    Hey fitzpatrick512!

    Thank you for using Enfold.

    You can add this on Quick CSS to adjust the size of the first portfolio item:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {
    width: 50%;




    Excellent that worked perfectly.

    I’d like to do the same thing for the blog grid here :

    And also for the logo slide element (at the bottom of each page).

    Thank you for your help!



    Add this inside the css media query:

    .responsive #top #wrap_all .slide-entry {
    width: 100%;
    margin-left: 0;

    Best regards,

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

You must be logged in to reply to this topic.