Post Blocks Adv — Filter Bar not compatible with “Additional Breakpoints”

  • Hey there,

    This may already be on your radar to fix, but in case it is not:

    Elementor now allows you to add “Additional Breakpoints” besides Desktop, Tablet and Mobile, such as Widescreen, Tablet Extra (in between Desktop and Tablet), and Mobile Extra (in between Tablet and Mobile).

    Right now I have a category Filter Bar set up on a blog post grid. Because I have breakpoints in between Desktop, Tablet, and Mobile, the Filter Bar currently disappears at certain sizes:

    • Disappears above 1920px (“Widescreen”)
    • Visible between 1367 and 1919px (“Desktop”)
    • Disappears between 1366 and 1025px (“Laptop”)
    • Visible between 880 and 1024px (“Tablet”)
    • Disappears between 561 and 879px (“Mobile Extra”)
    • Visible below 560px (“Mobile”)

    The problem is that only the original Desktop, Tablet, and Mobile device sizes have display: flex rules overriding the .aep-filter-bar.collapse display: none rule.

    You need to add classes and display: flex; overrides for:
    [data-elementor-device-mode=widescreen],
    [data-elementor-device-mode=laptop],
    [data-elementor-device-mode=tablet_extra], and
    [data-elementor-device-mode=mobile_extra].

    • This topic was modified 3 years, 4 months ago by wesdavisdev.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Hemant Tejwani

    (@tejwanihemant)

    Hi @wesdavisdev,
    Sorry for the delay in responding to your query. Last week was full of festivities in India. But now we are back at work.

    Yes, we are working on it as this feature is still in beta.
    So we will make sure that Filters will work for all breakpoints when the feature is available as stable.

Viewing 1 replies (of 1 total)
  • The topic ‘Post Blocks Adv — Filter Bar not compatible with “Additional Breakpoints”’ is closed to new replies.