Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1178101

    Hi, is there a way you can help me and have a look why the mobile behaviour does work as expected? I try to show each cell on oíts own in mobile but it does not work… some css that is wrong?

    Would really appreciate any help :)

    #1178305

    Hey Zest,

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

    @media only screen and (max-width: 767px) {
    .flex_cell.no_margin.av_one_half {
        display: block;
        width: 100%;
    }
    }

    Best regards,
    Rikard

    #1178332

    It does not work – but if i put the code in a page as the first bloc, then it works. Seeems really strange how the css acts…

    And to me the code should be like this instead

    .av-layout-grid-container {
    width: 100% !important;
    table-layout: fixed;
    display: table;
    border-top-style: none;
    border-top-width: 0px;
    }

    • This reply was modified 4 years, 11 months ago by Zest.
    #1178343

    One more comment – it seems like the function in the grid row is not reacting as it should with “Each cell is displayd on its own” – this works on other sites though… can some css have caused that to break?

    #1178966

    Hi,

    Thank you for the update.

    You have to include or register the custom post type kampanjer in the list of supported types by the advance layout builder.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#alb-for-any-post-type

    The cells are not responsive because they are rendered outside the wrap_all container.

    Best regards,
    Ismael

    #1181259

    Thank you so much for the help. It works!

    #1181506

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problems with grid rows in mobile’ is closed to new replies.