Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2016 at 2:38 am #596651
    dusty909

    Hi there,

    On my home page I have a “blog posts” item set to display on grid format, 2 columns. This looks great on large screens but on a smartphone the two columns dont look very good. Is there CSS I can add to make the grid display as one column on smart phones?

    Thanks!
    Dustin

    March 11, 2016 at 6:33 am #596705
    Vinay

    Hi dusty909!

    Please use the below CSS in Enfold > General Styling > Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    width: 100%!important;
    margin-left: 0%!important;
}
}

    Cheers!
    Vinay Kashyap

    March 11, 2016 at 2:26 pm #596877
    dusty909

    Worked perfectly – thanks!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Grid layout CSS to show one column for mobile’ is closed to new replies.