Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2015 at 6:04 pm #391496
    fitzpatrick512

    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?

    February 6, 2015 at 12:23 pm #391959
    Ismael

    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

    February 9, 2015 at 3:21 am #392831
    fitzpatrick512

    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!

    February 11, 2015 at 10:23 am #394178
    Ismael

    Hey!

    Add this inside the css media query:

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

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.