Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 12, 2016 at 6:33 am #711389
    blaircomm

    Hi:

    Please look at this page, (in private content.) There is a 1/3 nd a 2/3 column. After about 850px (approximation) or so they start to overlap before going responsive to a single column. I need to get them to go to a single column earlier to avoid the overlap. To see the issue, close the browser window sideways unrtil the columns start to overlap, then a little further it goes one column. The columns are overlapping on tablets in portrait view.

    I don’t have any other CSS relating to this, so it’s the standard theme code. Ideally it would only apply to this page since everthing else is working OK.

    Hope you can help on this.

    Thank you.

    November 14, 2016 at 3:12 pm #711995
    Yigit

    Hey blaircomm,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 990px) {
#top .flex_column_table {
    display: block;
}
.flex_column {
    width: 100%!important;
    display: block!important;
    margin-left: 0!important;
}
}

    Best regards,
    Yigit

    November 14, 2016 at 10:25 pm #712193
    blaircomm

    This works perfectly! Thanks for your help.

    – Michael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Columns not responsive soon enough and content overlapping on tablets.’ is closed to new replies.