Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2020 at 2:05 am #1264600
    wabrahams

    Hi am trying to make the columns break sooner than 974px, more like 1300px

    I am using the code from your documentation, but it isn’t working

    /* Custom breakpoint */
    @media only screen and (max-width: 1300px) {
    .responsive #top #wrap_all #custom-breakpoint .flex_column.col {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    }}

    December 4, 2020 at 4:27 am #1264920
    Rikard

    Hey wabrahams,

    Please try this instead:

    @media only screen and (max-width: 1300px) {
#custom-breakpoint .flex_column {
  margin: 0;
  margin-bottom: 20px;
  width: 100% !important;
}
}

    If that doesn’t work then please upgrade the account to have admin rights, we can’t access the theme option otherwise.

    Best regards,
    Rikard

    December 8, 2020 at 1:56 am #1265652
    wabrahams

    Hi,

    I have changes user acc to administrator. I tried the code it didn’t work.

    Thanks
    Sarah

    December 9, 2020 at 12:57 am #1265888
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    December 10, 2020 at 3:59 am #1266167
    wabrahams

    Hi,

    I have put the code at the top of quick CSS and checked the page on a few different computers clearing the cache etc.

    Thanks
    Sarah

    December 14, 2020 at 12:54 pm #1267115
    Ismael

    Hi,

    The previous css code is not working because the columns in the row is set to have equal height. To adjust the breakpoint of equal height columns, please use this css code.

    @media only screen and (max-width: 1300px) {
    .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
        display: block;
    }

    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
}

    Best regards,
    Ismael

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