Archived

This topic is now archived and is closed to further replies.

  • 0

help needed with boxes and responsive layout


Question

Posted · Report post

Hi all,
 
i have one problem… on the homepage i have 6 little boxes which i have achieved creating adding boxes and boxes#2 (i attach screenshot).
 
The strange thing is that i have assigned the 6 boxes to the same set but only the first 3 were showing after dragging the "boxes" element in the template. So i had to clone it to create "boxes#2" and in that way the second row of three is showing up.
 
Now, my problem is that for lower resolutions i would like the boxes to be displayed in a row to become 2 for @media screen and (max-width: 860px) …. do you have any suggestions? i am not sure if i can achieve this through css or what files i should modify. 
 
The problem is also when displayed in 2 in each row they should be 2 in the first row, 2 in the second and 2 in the third.
 
For iphone resolution the framework already scale down to 1 in a row which works perfectly.
 
Can you gel me on this?
 
Thanks in advance

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

solved with banners and css

Share this post


Link to post
Share on other sites