Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2019 at 3:22 pm #1065964
    badoes

    Hello,

    I have 5 (product) columns made using a grid row.
    On a large screen (2600px) it looks fine

    If I decrease the screen size all columns get different size based on the content.
    How to I keep all the same size / responsive.

    February 12, 2019 at 6:21 pm #1066038
    Nikko

    Hey badoes,

    I don’t think it will look good to keep it at 5 columns, but you can try adding this css code in Quick CSS (located in Enfold > General Styling) to keep it 5 columns even in smaller devices:

    .responsive #top #wrap_all .flex_column.av_one_fifth {
    width: 20% !important;
    margin-left: 0 !important;
}

    Best regards,
    Nikko

    February 12, 2019 at 6:22 pm #1066039
    badoes

    Thanks Nikko,

    Will try this

    February 12, 2019 at 7:42 pm #1066083
    Jordan Shannon

    Hi,

    Did you need further help or shall we close this topic?

    Best regards,
    Jordan Shannon

    March 1, 2019 at 2:26 pm #1073195
    badoes

    Great worked for me, thanks

    March 1, 2019 at 5:26 pm #1073282
    Jordan Shannon

    Hi,
    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to keep colums responsive’ is closed to new replies.