Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 24, 2023 at 3:20 pm #1414236
    ilowelife

    I have a 2-column layout and am hiding the 2nd column on mobile devices. Unfortunately, on mobile devices, the visible column is not stretching to full width as I’d expect. When I set it so that both columns are visible on mobile, they are rendered next to each other rather than switching to full width.
    I’ve tried using the Row Screen Options > Fullwidth Break Point to force the column to go full width (no change to the order) but it doesn’t seem to be working.

    Note that this seems to only happen on Event pages from Tribe’s The Events Calendar, which I have enabled to use the ALB. If I use the same column layout on a standard WP page, it works as expected.

    Load this on a mobile device or mobile breakpoint: https://celeplate.ca/on-site/trikids-niagara/

    • This topic was modified 1 year, 4 months ago by ilowelife. Reason: I missed some info about the context of the page(s)
    July 24, 2023 at 7:45 pm #1414259
    ilowelife

    In the HTML output for the element, I see that the av-break-at-tablet class has been correctly inserted, but I don’t see a corresponding rule in the inspector
    <div class="flex_column av-vwami-e45f2addc0f5fac09f8be58376b409ec av_two_third first av-break-at-tablet flex_column_div ">

    July 24, 2023 at 8:13 pm #1414266
    Rikard

    Hi,

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

    @media only screen and (max-width: 767px) {
.single-tribe_events .av_two_third {
  margin-left: 0;
  width: 100%;
}
}

    Best regards,
    Rikard

    July 24, 2023 at 8:36 pm #1414270
    ilowelife

    Thank you Rikard. This seems to have done the trick.

    July 25, 2023 at 1:59 am #1414288
    Nikko

    Hi ilowelife,

    I’m glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Column Row Screen Options not working’ is closed to new replies.