Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 – http://levitation-france.com/

    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?

    #391959

    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%;
    }
    }

    Cheers!
    Ismael

    #392831

    Ismael,

    Excellent that worked perfectly.

    I’d like to do the same thing for the blog grid here : http://levitation-france.com/news-blog/

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

    Thank you for your help!

    #394178

    Hey!

    Add this inside the css media query:

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

    Best regards,
    Ismael

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

You must be logged in to reply to this topic.