Hide During Breakpoint not woking correctly with Global Blocks

I’m experiencing an issue with a navigation global block that has hide during breakpoint configuration within the global block itself and also on the global block element within the page on which it is displayed.

The global block is used in two different places on the page and shown/hidden based on the breakpoint… full menu in one location for desktop and hamburger in another for mobile.

The display logic within the global block to display a full menu or hamburger appears to work correctly, but the display logic of the element on the page is replicating the same logic, not the settings for the element resulting in the desktop and mobile menu appearing in both locations.

This was working as expected prior to the 5.0 release… just wondering if anyone else has experienced this issue?

In the short term, I think I can get around the issue by creating separate blocks for mobile and desktop but that is harder to maintain and I’d prefer to fix the behavior.

Mobile (Hamburger should only appear next to the heading, not under the image):

Desktop (Menu should appear under the image, not above):

If I haven’t already fixed it you will see the issue in effect here:
https://fergusson.school.nz/our-school/general-information/

Cheers
Simon

Hi Simon,

Thanks for reaching out.
I have checked your website and found that the Global Blocks are showing the Menu and the Burger Menus according to the **breakpoints. If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.
I would also suggest you please provide login credentials for your site in a secure note to examine Global Blocks and the Logic on it.
Please include the following information in the secure note.

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Hey @tristup,

Thanks for the reply. The images below probably better indicate what I mean… there is breakpoint logic in the Global blocks structure that is working correctly, but as these screens show the global block element itself is visible when it should be hidden by it’s breakpoint settings.

Screen Shot 2021-10-01 at 9.15.45 AM

I’ve added access details for the site in a secure note if you’d like to take a look.

Cheers
Simon

Hi Simon,

Thank you for the credentials, this looks like a bug, I’ve submitted this to our issue tracker so the developers will be made aware of it.

What you can do for now, is add a Div element in place of that Global Block element, then place your Global Blocks inside the Div element.

Then use the Hide During Breakpoint logic on the Div element instead.

Cheers,

Cool. Thanks for the update :smiley:

For now, I have simplified the navigation to avoid the bug.

Cheers

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.