Menu elements are loaded but not displayed

  • Resolved eduaibanez

    (@eduaibanez)


    9 months ago

    Greetings,

    I just installed this pluging and I’m not familiarized with it.

    I created a new menu with only the “Open side menu” item and placed where I want (A Divi Theme Builder Custom Header Layout).

    Then I created a new menu and I started to add some Woo Commerce Product categories but nothing is showing in the side menu.

    Just in case I created a custom link item and added to the menu but I have the same issue, so It seems there’s not an issue relate by the menu item type.

    Checking the page with browser developer tools I realized that the items are loaded but all items have the CSS statement “display: none”.

    When I go to edit the Header layout in Divi Theme Builder, the side menu opens, and here I can see all the items I added.


    Why is this happening and how can I solve it?

    Thanks for your attention.

    Kind regards.

    • This topic was modified 9 months ago by eduaibanez.
    • This topic was modified 9 months ago by eduaibanez.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hi,

    When editing the menu that you want to show in the SideMenu in “Dashboard – Appearance – Menus”, scroll down to “Menu Settings – Display Location”. Make sure that “SideMenu” is selected here and click “Save Menu”.

    Oliver

    Thread Starter eduaibanez

    (@eduaibanez)

    Hi Oliver,

    Yes, the checkbox “SideMenu” is selected.

    As I said, the items are loaded in the menu, but for some reason they have “display: none”. In this screenshot you can see a few of the menu items because I unchecked the “display: none” with the brpwser dev tools:

    Plugin Author Oliver Campion

    (@domainsupport)

    OK, I can see the problem. You have an additional class set on the open button container. It should look like this …

    <li id="menu-item-14687" class="open_sidemenu menu-item menu-item-type-custom menu-item-object-custom menu-item-14687"><a href="#" title="Open menu" aria-label="Open menu"><span alt="Menu" class="dashicons dashicons-dashicons dashicons-menu-alt"></span></a></li>

    … but instead yours looks like this …

    <li id="menu-item-14687" class="open_sidemenu et_pb_menu_page_id-14687 menu-item menu-item-type-custom menu-item-object-custom menu-item-14687"><a title="Open menu" href="#" aria-label="Open menu"><span alt="Menu" class="dashicons dashicons-dashicons dashicons-menu-alt"></span></a></li>

    It is likely that this additional classname is being injected by your theme or a plugin. SideMenu looks for additional classes in the open buttons so that it can show custom content (with the same classname) in the SideMenu for sites that have different buttons showing different content. Since none of your content has the same classname it doesn’t show any content.

    So … to fix this issue, you can either remove the extraneous et_pb_menu_page_id-14687 class from the containing open button element or (if that’s not possible) you can add the class to your menu by doing the following …

    1. In “Dashboard – Appearance – Menus”, scroll down to “Menu Settings – Display Location”. Make sure that “SideMenu” is unticked here and click “Save Menu”
    2. Go to “Dashboard – Appearance – Widgets”, select the “SideMenu” widget area
    3. Add a new legacy “Navigation Menu” widget to the “SideMenu” widget area and select your chosen menu
    4. In the block settings expand the “Advanced” meta panel and enter et_pb_menu_page_id-14687 into the “ADDITIONAL CSS CLASS(ES)” box and click “Update” button.

    That should fix your problem.

    Oliver

    Thread Starter eduaibanez

    (@eduaibanez)

    Hello again Oliver,

    Thanks for your attention. Despite you found a solution, I finally solved the issue changing the way I load the Dashicon.

    At first I created a new menu with nothing more than the Sidemenu option. I changed it by using the shortcode instead and now the items appear correctly.

    I have anothe question but It’s related to how items are show in the side menu.

    Can I ask you here or do you prefer to create a new topic for it?

    Kind regards

    Plugin Author Oliver Campion

    (@domainsupport)

    WordPress forum moderators prefer that you create a new topic for new questions ??

    Glad you have resolved the issue!

    Oliver

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu elements are loaded but not displayed’ is closed to new replies.