Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 8, 2014 at 6:50 am #206656
    ShortieD

    Hi guys – I want to change the way the blog grid (added using the visual layout editor) displays in responsive mode.

    Currently it displays with a post, and then underneath it a 2 column layout, then alternates this layout (see screenshot). is there any way to remove the 2 column so it’s just each post on it’s own line one under another? It’s really crowded on smartphone.

    http://grab.by/tm2a

    Cheers

    January 8, 2014 at 7:02 am #206666
    Ismael

    Hey ShortieD!

    Please add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: both;
width: 100%;
}

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

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    January 8, 2014 at 8:43 am #206717
    ShortieD

    thanks – that did the trick.
    cheers

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘change blog grid in responsive mode’ is closed to new replies.