{overlayOpenedBy:{click:false,hover:false,focus:false}

and when I look in the sources for navigation I see this

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {

not sure if that’s what the problem is but that’s what I suspect it is, since in the wp site editor everything looks fine. whenever I try to change any of the code in dev tools, for example if I double click the code in elements and change it from click:false to click:true, and press enter, the changes don’t save. same when I try to edit the sources in dev tools. not quite sure what to do at all. if anybody could help figure out what’s wrong and how to fix it, that would be great.

• Noticed there was a page in the wrong place, so I moved it down in the comic order using click-and-drag on the comic dashboard screen. The page was originally the latest page.
• Realized the page was in fact a duplicate, so I deleted the page from the comic.
• Changed some of the page titles, as well as their permalinks.

Now, the First Page widget links to the last page of the storyline, and the the Previous Page widget links to the next page of the storyline. The linked page is a random one in the middle of the comic storyline. If you go to the last page in the storyline, the navigation widgets don’t appear at all (presumably because all navigation widgets are linking to the Next or Last page of the storyline, neither of which exist from that page).

Things I’ve tried to resolve the issue:

• Revert the page titles and permalinks back to their original versions.
• Delete the navigation widgets and then re-implement them.
• Delete the existing last page and then reupload it.

Any help or insight would be much appreciated!

Everything was working great, I was making some text changes and published & then my top nav menu disappeared but it still appears as three lines in mobile and tablet views? I have tried deleting each plug in and all custom css…no change. Hopefully someone can help.

I did try to send a message to the theme creator Themerex and I have not received a response

Or how I can replace in functions?

As a UX Developer I understand that it is better to display menu items than hiding them within a hamburger menu, as it enhances visibility and ease of access. However, some navigations contain several menu items which can create layout challenges – particulary on tablet viewports where they often break into a second line.

Adding a hamburger menu on tablets is a highly popular use case due to width constrains yet I’m currently limited to setting it either as [ off ], [ mobile ] or [ always ] using Spectra.

I simply can not have a navigation with breaking menu items into a second line on Tablets. I could probably find my way out with custom CSS, but it defeats the purpose of having a full suite of solutions built for creating patterns, template parts, templates and sites using Gutenberg alone.

If there’s a solution for this particular issue, please let me know, otherwise, please consider adding tablets as a feature request.

Thank you in advance,

Wil

This space limiter prevents you from working properly with the Menu in your mobile device. Menu items become inaccessible. How can I fix it ?

Any help or ideas on how to fix this problem?

Most relevant plugins:
WooCommerce
WPML
WP Rocket
Rank Math Pro
Shoptimizer Theme

I ‘ve been trying to use shadow that comes under styling option, when editing the navigation site page, but whatever changes i do to the shadow there is no results, even if i select or not select any block, even a group block no result/effect.

how to use shadow option under styling & get result?