Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 2, 2020 at 11:03 am #1250005
    MarcusEls

    I created a landing page, I have a breakpoint at 1200px. but on a smaller size screen the half column must be 100% but can’t get it done. How can I do that?

    I haven try something like this:

    @media only screen and (max-width:1024px) and (min-width:768px) {
  .av_one_half {
    width: 100%!important;
  }
}
    October 2, 2020 at 5:22 pm #1250159
    Victoria

    Hey MarcusEls,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #top.page-id-589 .flex_column_table {
    display: block;
  }
   #top.page-id-589 .flex_column_table .no_margin.av_one_half {
     display: block;
     width: 100%;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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