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 :)
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
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;
}
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?
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
Thank you so much for the help. It works!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon