Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #840065

    Hi ,
    This is my problem :
    – I have a Grid Row with 3 Cells and I want each cell to be 100% on mobile ( at screen width of 767 or lower )
    – Mobile Breaking Point / Set the screen width when cells in this row should switch to full width – IS ON
    – Each cell is displayed on it’s own – IS ON

    Everything is set properly , but it’s not working , see it for yourself : http://newmrz.mrz.design/test/
    Strange thing that 2 second div is a Grid row with 2 cells and it’s working properly. ( * the settings are the same for both grid rows )

    • This topic was modified 6 years, 7 months ago by tamasmoroz. Reason: typo
    #840136

    Hey tamasmoroz,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
    #av-layout-grid-2 .flex_cell.no_margin.av_one_third{
    width:100%!important;
    display:inherit!important;
    }}

    Best regards,
    Jordan Shannon

    #840356

    Yeah , this kinda works.
    It’s a bit “forced” , and if I add more grid rows I have to add this style to each one.

    I was hoping for a better solution , but I guess this will do the work for now.

    Thanks!

    #840473

    Hi,

    Yes apologies, but the css will have to suffice until an update can address the current issue. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid cells on mobile not displayed at 100% width ( Mobile Breaking Point )’ is closed to new replies.