Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 16, 2017 at 8:11 pm #840065
    tamasmoroz

    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 7 years, 3 months ago by tamasmoroz. Reason: typo
    August 16, 2017 at 11:34 pm #840136
    Jordan Shannon

    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

    August 17, 2017 at 12:23 pm #840356
    tamasmoroz

    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!

    August 17, 2017 at 4:22 pm #840473
    Jordan Shannon

    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

  • Author
    Posts
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.