Need a way to view the Menu on open differently as its a huge menu with sub cate

  • Resolved kristinubute

    (@kristinubute)


    1 year ago

    Hi

    My client site has a main menu using your plugin. It is fine on all devices, except now on the mobile.

    Have it centered on mobile Header.

    Still looks OK on mobile BUT as we have Main Categories & MANY Sub Categories, when we open a Category it obviously opens up ALL the Sub Categories which may be 20-40.

    Example for MENU:

    HOME
    MY ACCOUNT
    PROMOTIONS – button
    BRANDS – button
    Adina
    Airwick
    and 20 more down list
    CATEGORIES – button for drop down
    Accessories – then it shows sub categories of this also
    Beauty – then it shows sub categories of this also
    Cosmetics – then it shows sub categories of this also
    Hair Products – then it shows sub categories of this also
    Men
    Women
    ABOUT US
    LOG OUT

    Previously we used to use a Mobile Plugin WP Touch, which I have now stopped using as its not compatible with latest WordPress version.

    Never really had a problem with that plugin, and it was great how it opened the menu to the side and you could still partly see the site and the height of the menu stayed CONSTANT.

    Therefore I have coded the website with STorefront to view properly on mobile now.

    BUT the only issue left is the MOBILE MENU.

    With WP Touch, it opened the menu to the left side so you could see menu items and categories and sub categories and you could partly see the website.

    Now as I’ve got the menu in the middle of header and USING your Mega Menu which I wasn’t using on the mobile previously, HOW can I get your Mega MENU to display OR open on the side like some websites do OR have it working in middle is fine but NOT to open so large down the page when scrolling and scrolling to bottom of mobile page … doesn’t look good like that.

    Is there a way to have the MENU when opening into sub categories to show MAX height then customer can scroll rest of menu from there within it. So you are not actually scrolling to the bottom of the mobile each time to view all sub categories but it has a scroll on it within the menu sub category?

    Hopefully you know what I mean?

    I do have something like that setup in my client website for the sidebar but that is not with Mega Menu.

    So I’m hoping you have a workaround

    I think the client prefers this as currently she is complaining that the menu is like a big long snake (as its has heaps of sub categories when you open up) and you scroll and scroll to see them but then you cannot see the website at all as menu is covering the whole thing whilst scrolling.

    HOW can I do this differently on mobile with Mega MENU to display when opening?

    Are there some options please?

    As I need a workaround for my client urgently.

    I can provide a website so you can view the issue but I would like to send that link PRIVATELY and not here.

    Thanks

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

    (@megamenu)

    Hi,

    Please go to Appearance > Menus > Max Mega Menu Settings and set the Effect (Mobile) to one of the “Off Canvas” options.

    Regards,
    Tom

    Thread Starter kristinubute

    (@kristinubute)

    Hi

    Thanks for replying.

    I tried to change it to Mobile Effect (Slide Left Off Canvas).

    It partly worked but it OPENS the MENU automatically BUT I need it to obviously stay closed and ONLY open when customer clicks on the MENU 3 bars icon.

    AND it doesn’t go off screen which doesn’t really matter I suppose. BUT as it opens up the menu automatically we need to change this. When viewing the menu is fine (as it has particular height for the menu when scrolling I’m happy with that).

    What code can I do to STOP the AUTO OPEN of the menu please ?

    Also when it opens up it is too high … halfway into the header which needs to be further down. I assume I just add some CSS code to fix that?

    Please advise.

    Thanks

    Plugin Author megamenu

    (@megamenu)

    Hi kristinubute,

    Do you have the Max Mega Menu – StoreFront Integration plugin installed? If not, please install it and see if it fixes the problem. If it doesn’t, please leave that installed then post a link to your site so I can take a look.

    Regards,
    Tom

    Thread Starter kristinubute

    (@kristinubute)

    Hi, I don’t have that I don’t think .

    The plugin I have is standard Max Mega Menu that I use for other clients also.

    Version 3.2.4 Max Mega Menu. I am not familiar with the other one.

    But as I have at least 60 items (categories) on the menu, I’m NOT game to touch anything else as there are heaps on the menu for Wholesale and general customers in the Menu, so I can’t really look at that plugin.

    I can’t install another menu plugin that is different from this one, it would be too much work as many items in the menu can only be viewed depending on customer login accounts also, so not an option.

    I somehow need to get this plugin working for the mobile menu.

    Can I sent you an email separately rather than from here?

    What other suggestions do you have so it DOESN’T LEAVE the FULL MAIN MENU OPEN view all the time, it still needs to be clicked by the 3 buttons on MENU and be able to OPEN and CLOSE THE MENU … that is what the issue is when I use that setting, doesn’t allow me to CLOSE and OPEN the menu through the 3 lines Menu icon.

    Maybe small CSS code will fix that?

    Thanks

    Plugin Author megamenu

    (@megamenu)

    Hi,

    The “Max Mega Menu – StoreFront Integration” plugin is written by me, its just a small plugin that helps integration with StoreFront. Please install it and see if it fixes your problem.

    Regards,
    Tom

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Need a way to view the Menu on open differently as its a huge menu with sub cate’ is closed to new replies.