1 reply to this topic
Posted 16 January 2013 - 08:07 PM
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