Jump to content


Photo
- - - - -

help needed with boxes and responsive layout

boxes responsive

Best Answer widecue , 16 January 2013 - 08:10 PM

solved with banners and css

Go to the full post


  • Please log in to reply
1 reply to this topic

#1 widecue

widecue

    Member

  • Members

  • 20 posts
  • LocationBrooklyn, NY
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 16 January 2013 - 08:07 PM

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


#2 widecue

widecue

    Member

  • Members

  • 20 posts
  • LocationBrooklyn, NY
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 16 January 2013 - 08:10 PM   Best Answer

solved with banners and css







Also tagged with one or more of these keywords: boxes, responsive