Doesn’t Work Consistently

  • mliving

    (@mliving)


    4 months, 1 week ago

    I’ve been playing with this plugin and it doesn’t seem to work consistently across all breakpoints.

    Sometimes a setting applied on mobile also applies on desktop.

    Sometimes the setting has no effect at all regardless of the breakpoint being set.

    Custom styling breakpoint is the only thing holding me back from going all in with WordPress.

Viewing 1 replies (of 1 total)
  • Plugin Author Phi Phan

    (@mr2p)

    4 months, 1 week ago

    Hi @mliving,

    Could you please share the steps where you noticed the inconsistent behavior?

    Here’s how responsive styles work in this plugin:

    • If you edit a block’s style for the first time in Desktop mode, the Tablet and Mobile styles will automatically inherit the Desktop settings.
    • If you want different styles for Tablet or Mobile, you need to switch to that mode and adjust the settings there.
    • The same applies the other way around. For example, if you first edit styles in Tablet mode, both Desktop and Mobile will inherit those Tablet styles by default.

    By default, the breakpoints are:

    • Tablet: 768px
    • Desktop: 1024px

    If your theme or another plugin uses different breakpoints, that could cause conflicts. You can customize the default breakpoints using this filter:

    apply_filters( 'block_enhancements_get_breakpoints', [
      'sm' => [
        'breakpoint' => '576px',
        'mediaQuery' => '',
      ],
      'md' => [
        'breakpoint' => '768px',
        'mediaQuery' => '@media (min-width: 768px){##CONTENT##}',
      ],
      'lg' => [
        'breakpoint' => '1024px',
        'mediaQuery' => '@media (min-width: 1024px){##CONTENT##}',
      ],
    ] );

    If you also have my other plugin, Content Blocks Builder (CBB), installed, you can change these breakpoints directly from the CBB settings page.

    I’ve used this plugin on multiple projects without running into this issue, but there may be edge cases I haven’t covered yet. If you can share the steps to reproduce it, that would really help me improve the plugin.

    Thanks for taking the time to review it.
    Phi

Viewing 1 replies (of 1 total)

You must be logged in to reply to this review.