Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 6, 2017 at 12:16 am #772912
    metamorfic

    Hi! I made a section with an ID “produits” where there is 2 row of 3 columns. I want them to turn into 3 row of 2 columns instead of 1 on smaller screen. I used this code:

    @media only screen and (max-width: 767px) {
    #produits div.flex_column.av_one_third {
    width: 50% !important;
    }}

    But with this code I get 6 row of 1 column that take half the space.

    Can you help me?

    April 7, 2017 at 6:10 am #773684
    Rikard

    Hey metamorfic,

    Please try this instead:

    @media only screen and (max-width: 767px) {
#produits div.flex_column.av_one_third {
    width: 44% !important;
    display: inline-block;
    float: left;
    margin-left: 6% !important;
}
}

    Best regards,
    Rikard

    April 7, 2017 at 1:55 pm #773969
    metamorfic

    Hi Richard!

    This works but still have a problem, I get 2 photos on the first row, 1 on the left of the second row, then 2 on the 3rd row, and 1 on the left of the 4th row. Then what I need is 3 row of 2 photos…

    Thanks!

    April 8, 2017 at 6:29 am #774293
    John Torvik

    Hi,

    Ive checked your site and theres three rows and two photos inside of each row.

    Best regards,
    John Torvik

    April 27, 2017 at 5:22 pm #784114
    metamorfic

    I figured out an other way around! Thanks!

    April 28, 2017 at 6:29 am #784304
    John Torvik

    Hi,

    We glad that your problem was solved :)

    Let us if you need some help!

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.