Navigation Menus not syncing

[Diana]

Hello, Three separate navigation menu questions:

1. The navigation menu dropdowns show the dropdown with short titles, but a sub menu dropdown off a dropdown is going off the page on the far righthand side on desktop, let me where to fix please an example reference: https://otpa.dreamhosters.com/blog-category-page-template/ on the OTPA in Action dropdown

2. how do I get the Stax theme navigation menu to match and sync to the WordPress page navigation Menu? right now there are 3 different spots to create/edit the nav menu: 1. the WordPress Appearance/Menus section; 2. The WordPress Customizer; and 3. the Stax Editor.

None of them are syncing even though all of the menus are set to “Main Menu”. I’m having to edit 3xs on each place to make sure they all match up, and none of the changes apply to the actual site unless I make the change to the Site Editor Stax menu.

This isn’t efficient and is getting really confusing as I move things around and add the 50 or so pages we’ll have. Can I make them link up so one change changes them all at the same time?

3. Is there a place to specify that the tablet uses the mobile navigation, not the desktop? it’s stacking oddly on tablet and looks bad

ty

[David Morgan]

Hi Diana,

No problem. We’ll be happy to help:

1. Within the Additional CSS section of the Customizer or Editor, add the following style:

@media (min-width: 782px) {
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: -240px !important;
        max-width: 200px;
    }
}

2. I would recommend using the Navigation Block within the Appearance > Editor. You can import menus into the Navigation Block that have been created using the Appearance > Menus. You can learn more about using the block here, https://wordpress.org/documentation/article/navigation-block/

3. Unfortunately, not yet. This is a core WordPress block and functionality, and not controlled by the theme. WordPress intends to add more mobile options to the navigation block in the future. In the meantime, breakpoints need to be forced via CSS, https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point

I hope this helps.

Thanks!

[Diana]

Ty #1 is fixed. One of the key reasons we chose this theme was because of the ability to have the transparent header that merges into solid and fixed, with the different logo change. When using the navigation block it’s not working and just stays solid without the formatting or logo change, would this require more detailed coding to fix or is there a way to merge the coding with the Stax theme header and the navigation block?

[Diana]

In addition to the question above regarding the nav block, we have a lengthy sub menu and on desktop there is no way to scroll to the bottom, it cuts off and does not move down…is there a way to fix this? attaching screenshot or link for reference is OTPA Events nav main menu, sub menu OTPA Events: https://otpa.dreamhosters.com/otpa-events/

[Diana]

navigation menu error

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Diana,

I addressed the length menu and sub menu offset in your other forum post. However, I can help with the logo issue mentioned here. Most likely, the secondary logo that was in the header was removed, which is why the logo is not transitioning. In order to resolve this, you can clear the customizations for the header template part in order to restore the header to its original state. Or you can provide us with your WP login information in a private reply so we can add this functionality back for you.

Thanks!

[Author]

Posts