Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 17, 2015 at 5:41 pm #505041
    janetgot

    Hi, I am trying to do some finessing for mobile responsiveness and am trying to figure out the best way to clean up a section on our homepage that is 5 columns. It looks fine on desktop, and responds nicely to one column in mobile, but on tablet size it stays 5 columns, and since the content is an image block with text, it is too small to read. I’m hoping to make the tablet size also respond as it does on the mobile. I am not seeing a way to give the 1/5 column a specific class, and although I although I could give the image blocks, I couldn’t get that to be more responsive. Also when I tried putting the flex column css into a media query in my child theme it affected all the 1/5 columns and some of them should not be responsive (such as also in that page were there is a section that is 4/5 and 1/5, and the 1/5 section became giant.

    I hope this question makes sense? Thanks for your help!

    September 18, 2015 at 5:48 am #505233
    Rikard

    Hey janetgot!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 990px) {
.responsive #top #wrap_all .flex_column {
    margin: 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}
}

    Regards,
    Rikard

    September 18, 2015 at 4:24 pm #505644
    janetgot

    Ah, thank you! I ended up putting the row into a color section so I could give it an ID just for that row. Yeah!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive issue for flex-column’ is closed to new replies.