Mobile menus

Description:

Please write a brief description of the bug you’re experiencing, including what you expect should happen and what is currently happening.

On desktop: picture a menu containing a series of top items. One of the top items has sub items but itself has a link to a page. On desktop, clicking the top link shows the sub items in a popup and gives one the option to select one of these or the top item itself.

On mobile (modal), clicking the top item only brings down the menu of sub items and does not take one to the page to which the top item is linked.

The 2 screenshots show this. In the second screenshot shows at its foot the link to a page, but it does not open that page.


Is this normal?

Thanks,

Chris

Windows 11
Local site on Local by Flywheel

  • WordPress version: 6.6.2
  • Cwicly Plugin version: 1.4.3

Hi @crisp5219,

If I understand you correctly then this is just a limitation of the Menu block.

The Cwicly Nav block provides more features and gives the ability to click on the parent item when the sub menu is opened.

1 Like

There is a feature request for this @crisp5219.
Feel free to vote :+1:

1 Like

Many thanks Marius. I’ll check the navblock as suggested by StrangeTech. Not sure if it’s a wordpress menu block limitation as the same thing works in Bricks Builder.

Many thanks StrangeTech, I’ll look at the Cwicly Nav.

1 Like

Hi,
As suggested, I’m using the Nav block but found it in part to be a bit confusing. For example, I’ve had to use custom css to modify the colour of the modal menu items as there seems to be no way to make a modification from within the Nav block. It appears to inherit the colour of the desktop menu items and any change in the backend is not reflected on the front end.
Am I missing something?
Thanks,
Chris

Hi @crisp5219,

Please see the styles tab for control over individual elements within the Nav block.

You can switch to different breakpoints to access the styles for that breakpoint. If you open the modal then you can see which styles are applicable to it automatically or you can click on “All” as shown in the screenshot to see all available styles.

1 Like

Thanks Strange Tech, yes I did that. Modifying the Nav Links Dropdown (see screenshot s2) I tested making the text colour yellow at the mobile breakpoint. Fine. But as you can see from the front end screenshot s3), the text does not reflect the modification. In fact, it takes the same colour as that of the desktop shown in screenshots s3 and s4 - I’ve taken the




screenshots with Hoverify to show the colours being applied on the front end to both desktop and mobile. They are the same despite making and seeing the mobile changes to yellow on the backend even after regenerating everything.
Chris