Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 22, 2014 at 4:39 pm #268662
    AndreasHDI

    Dear Kriesi team,

    thanks for the good word. I was wondering how it is possible to float the image next to the text (simple so far) _and_ remain the respnsive design. Obviously this is what the theme does all over. But in default the Blog entries in the avia layout architect are the following: Image- Next Line: Excerpt. I did the float as below, however the text does not goes below the image when narrowing the window. E.g. this applies the the first three entries here: http://www.incosan-portal.de/blasenschwaeche-bei-frauen/

    .big-preview.single-big {
float: left;
margin-right: 10px;
width: 180px;
height: 180px;
}

    Thanks a lot!
    Andi

    May 22, 2014 at 9:56 pm #268854
    Josue

    Hi Andi!

    Change your code to:

    @media only screen and (min-width: 768px) {
.big-preview.single-big {
float: left;
margin-right: 10px;
width: 180px;
height: 180px;
}

}

    Cheers!
    Josue

    May 23, 2014 at 10:11 am #269037
    AndreasHDI

    I could have thought of this one ;) Thanks a lot!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive Layout for Avia Blog Entry’ is closed to new replies.