Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 7, 2017 at 2:03 pm #835366
    CloudChoice

    Hi,

    I inserted a grid row into a page with Mobile Behavior in the option: DEFAULT.
    In this case each cell in mobile is over the next.
    But if I put a second grid row on the same page the mobile behavior is affected and the “MOBILE BEHAVIOR” option is not respected.
    In that way each cell appears beside each other.

    How solve this BUG?

    Thanks

    August 7, 2017 at 5:32 pm #835491
    John Torvik

    Hey CloudChoice,

    Please, can you share with us some screenshot about your issue? I couldn`t find the problem.

    Best regards,
    John Torvik

    August 7, 2017 at 6:04 pm #835512
    CloudChoice

    Hi,

    It is easy, just look at in the second GRID ROW or:

    id="av-layout-grid-2"

    The second GRID ROW is the problem.

    August 8, 2017 at 7:46 am #835722
    Rikard

    Hi,

    thanks for the clarification. Just to make sure that I understand your problem, you are referring to the black section with 4 columns on mobile, correct? That they are overlapping on mobile?

    We might have to have a look at the backend to see what is going on, so please post admin login details in private.

    Best regards,
    Rikard

    August 8, 2017 at 2:35 pm #835860
    CloudChoice

    Hi,

    Yes. The black section with 4 columns on mobile overlapping.

    Thanks

    August 9, 2017 at 8:07 am #836221
    Rikard

    Hi,

    Ok, thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home #av-layout-grid-2 .av_one_fourth {
    width: 100% !important;
    display: block !important;
}
}

    Best regards,
    Rikard

    August 9, 2017 at 1:55 pm #836390
    CloudChoice

    Thank you.

    The solution works locally, HOWEVER I noticed that the problem is in the GRID ROW!

    It interferes in the mobile behavior of all the color sections and columns that are after it.

    I believe this is a BUG that should be reported and corrected for upcoming versions.

    The problem was listed here: https://kriesi.at/support/topic/main-container-wrap-bugged-if-color-section-or-grid-row-is-first-element-on-page/#post-590525

    The problem occurs when inserting GRID ROW into older pages. When creating a 100% new page it apparently does not occur.

    August 14, 2017 at 5:57 pm #838837
    Basilis

    Hi,

    That is strange that it is happening as the generated row should be the same on new / old pages, as the code that the shortcodes genates is the same.
    What if you edit a page, add a row delete it after and just save the page?

    Best regards,
    Basilis

    August 14, 2017 at 6:57 pm #838875
    CloudChoice

    Hi,

    No results. You can check online, the problem keep the same.

    August 17, 2017 at 2:13 pm #840389
    Victoria

    Hi CloudChoice,

    It looks like the issue is resolved. If you are not seeing the same, send us a few screenshots, and could you please clear the cache on your device or test on a different mobile, check again and get back to us.

    Best regards,
    Victoria

    August 17, 2017 at 2:27 pm #840405
    CloudChoice

    Hi,
    Sorry. BUT THIS IS INSANE!
    There is a BUG in the theme and there seems to be an insistence on not assuming the same!

    OR

    Quite frankly you are not knowing the product you are supporting!

    In EDIT COLUMN you have the options:
    Equal Height Columns: Equal height
    Vertical Alignment: Middle

    In this setup: The columns stand side by side and with the vertical alignment in the middle on computers. In mobiles stand one over the other.
    BUT AS YOU CAN SEE the layout on a computer is the same as the one presented on mobile phones!

    IF I change the option: Equal Height Columns to: Individual height

    The behaviour in computer and in mobiles becomes correct BUT I LOSE the vertical alignment in middle

    Are you able to solve this issue? If not can you please escalate another moderator to resolve this issue?

    Thanks

    • This reply was modified 7 years, 4 months ago by CloudChoice.
    August 22, 2017 at 6:52 am #842326
    Ismael

    Hi,

    Please continue here: https://kriesi.at/support/topic/column-with-equal-height-not-working-in-old-pages/#post-842325

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Grid Row BAD mobile behaviour’ is closed to new replies.