Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1050580

    Hello,

    The main menu for logged in members of my website is not displaying on mobile or tablet.

    It works fine on desktop.

    I’ve looked through all the settings and can not locate the problem.

    I am using Paid Memberships Pro for my users logged in content.

    I have provided temp admin log-in and password in the private content box.

    I would be grateful if you could investigate for me.

    Thanks !

    Michael

    #1050654

    Hey Michael,
    I assume that you are referring to this menu [image-1]
    if so it is hidden with this css:

    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
    }
    }
    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive #top .av_mobile_menu_tablet #header_main_alternate {
        display: none;
    }
    }

    But, overwriting this css to show the menu is easy, the problem is that it will show the desktop menu and not the burger menu, which should be used because the menu items are too large.
    for some reason the burger menu is missing from the source code.

    As I look into your menus closer I see that you have many new menu options that I assume are from the membership plugin and I believe the error is that the plugin doesn’t account for that the burger menu is a separate menu in our theme, so the plugin is not copying our burger into the logged in user dashboard, thus it’s not available for mobile devices.

    You could try this css to show the menu on tablet devices:

    @media only screen and (max-width: 989px){
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: block !important;
    }
    .responsive #top .av_mobile_menu_tablet #header_main_alternate {
        display: block !important;
    }
    }
    

    [image-2]
    and perhaps with a little more css you could make the menu item text smaller and it would look halfway decent.

    But for mobile you couldn’t make the items small enough and have them still useful
    [image-3]
    unless you also moved the content down some, but the menu items will still be sort of un-ordered.

    I guess you could hide most of the menu items and only show 2 or 4 of them for mobile?

    I would recommend seeing if the plugin author would give you a function to show the mobile menu in the dashboard, even if it showed all of the menu items, because each menu item has a css class which can be used to hide the ones you don’t want to show for the user privileges.

    I hope this was helpful,
    Best regards,
    Mike

    #1312262

    Was a solution every found for this? I have the same issue.

    #1312408

    Hi,
    Unfortunately not with this plugin, if you have questions about your specific issue please create a new thread and we will gladly try to help you. But please mind that we can not customize third-party plugins. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logged in members menu not appearing on mobile or tablet’ is closed to new replies.