Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 1, 2020 at 9:44 am #1234485
    wildrova

    Hi all,
    a previous stable install of enfold, which included the “Menu by user role” plugin worked successfully for the last 3-4 years.
    a recent change of servers prompted an overall update of wordpress, enfold and all associated plugins to the latest versions.

    site is now failing to show the mobile menu when triggered at 1515px screen width. Custom CSS code triggers at that width and is included below…

    
@media only screen and (max-width: 1515px) {
		.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
		.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
		.html_mobile_menu_tablet #mobile-advanced{display:block;}
	}

    A check of all plugins shows that this only occurs when the “Menu by user role” plugin is active.
    “Menu by user role” plugin does not impact menu being displayed at resolutions above 1515px.

    hoping you may be able to provide some guidance as to why Enfold correctly displays the menu at full screen widths, but not below the responsive breakpoints width.

    I’ve included an admin level login and site address in the private content below.

    Many thanks,
    Paul

    • This topic was modified 4 years, 11 months ago by wildrova. Reason: spelling
    August 3, 2020 at 12:39 pm #1234804
    Rikard

    Hi Paul,

    Please try this CSS instead:

    @media only screen and (max-width: 1515px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    August 3, 2020 at 12:58 pm #1234818
    wildrova

    Rikard,
    thanks for the quick reply and the code…
    unfortunately it hasn’t fixed the issue.

    I think it has something to do with how enfold and the Menu by user role plugin are interacting.

    With the plugin activated:
    – different menus are generated depending on the logged in users role
    – at ‘full screen’ the correct menu is displayed for that users role
    – at display widths under 1515px, the full screen menu disappears, however the hamburger menu is not generated.

    With the plugin deactivated:
    – only the ‘default’ menu that is automatically created and lists all pages is displayed (this is expected without the plugin)
    – at ‘full screen’ the default menu is displayed, and is no longer dependent on user role
    – at display widths under 1515px, the default menu is displayed, in the expected hamburger format.

    I’m thinking it is a CSS issue given that it occurs at the responsive break-point, however I’m unsure what or why.

    thank you for your help,
    Paul.

    August 9, 2020 at 12:36 am #1236259
    Mike

    Hi,
    Sorry for the late reply, on your “overview” page you have a lot of javascript errors in the console that point to a custom script
    2020-08-08_175838.jpg
    a javascript error can cause unexpected results, please try correcting your custom code and perhaps your plugin will work correctly.
    Right now your mobile menu is not being created, is this the plugin you are using? It is a paid plugin so I won’t be able to test it on a new install to see if the error is actually from the plugin.
    A user posted a while back that this plugin was not working, and the suggestion at the time was this plugin. Have you tried this one?

    Best regards,
    Mike

    August 9, 2020 at 5:44 am #1236275
    wildrova

    Mike,
    thanks for the response. Your comments regarding the “overview” page are noted (its currently a page under development). However, i don’t think these errors are the cause, For reference, i have included login details in the private data to provide the “normal” user experience (note that these credentials don’t have admin rights.)

    By way of response to your questions / suggestions…
    “Right now your mobile menu is not being created, is this the plugin you are using? It is a paid plugin so I won’t be able to test it on a new install to see if the error is actually from the plugin.” – Yes that’s the plugin. if it meant that i could solve this issue, I’d be happy to pay for an additional licence for testing purposes.

    A user posted a while back that this plugin was not working, and the suggestion at the time was this plugin. Have you tried this one? – Unfortunately this is not really a workable option, as it is not simply hiding certain menu items based on user role, but rather serving entirely different menus and menu structures.

    When the site went live 2-3 years ago, Enfold and the plugin played nicely together, so i’m not sure what changed.
    Thanks for your ongoing assistance,

    Regards,
    Paul

    August 11, 2020 at 4:12 pm #1236689
    wildrova

    All,
    courtesy of some help from a friend much cleverer than me, it appears that enfold now uses different scripting to generate the fullscreen menu vs the hamburger or alternate menus.

    problem solved with a change of plugin to Conditional Menus – https://en-au.wordpress.org/plugins/conditional-menus/

    This thread can be closed / marked as solved.

    • This reply was modified 4 years, 11 months ago by wildrova.
    August 11, 2020 at 4:22 pm #1236696
    Victoria

    Hi wildrova,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold mobile menu not displaying’ is closed to new replies.