Mega menu problem with mobile

This support request was posted in Smart by atamizio

Request ID #32971 Resolved
  • Hi,

    As you can see in the homepage, I was able to setup a mega menu. But the child elements of the titles aren’t appearing in mobile. Please provide a fix.

    Also, I wanted to know if we can change the background color and the color of the text in a mega menu.

    Thanks in advance.

    Ali.

    Juanfra Aldasoro

    Hi Ali,

    Thanks for writing, I hope you are doing well.

    Ideally the sub items appear once you click the arrow on the right part of the parent item. For what menu item aren’t you seeing the child items?

    What theme and framework version are you currently on?

    Best,
    Juan

    This reply has been marked as private.
    Andrés Villarreal

    Hi Ali,

    I took a further look at your issue, and it seems you to be related to a bug on our side. We’re releasing a new version of the theme in the following days with a patch, but in the meantime I can give you a quick fix.

    You need to go inside your theme’s folder, and replace a couple JS files with their new versions. These are the files you need to replace:

    • includes/assets/js/nice-superfish.js
    • includes/assets/js/min/nice-scripts.min.js

    And here you can find the new versions of both files: https://gist.github.com/andrezrv/af861d53fc6dcf5f5544517db6c4d3c0

    As a I said before, this fix will be included in the next version of the theme, so you can update without losing your modifications.

    About your other question, the theme doesn’t have an option to modify the background and text color for the megamenu, but you can do that with a bit of custom CSS:

    .megamenu .sub-menu {
        background-color: #ff0000 !important; /* Change background color. */
        border-top-color: #ffff00 !important; /* Change border-top color. */
    }
    
    .megamenu .sub-menu a {
        color: #000 !important; /* Change text color. */
    }

    Please let us know if this works for you.

    Best,

    Andrés.

    Hi Andrés,

    Thanks a lot, it worked when I added those two js files to my child theme folder.

    As for the color its a bit complicated. For now I chose to let it be. I’ll open a new topic if I need to.

    Regards

    Ali

    Andrés Villarreal

    Hi Ali,

    Thanks for the follow-up, it’s great to see that works for you.

    About the colors, you can just add the CSS from my previous reply in Theme Settings > Design & Styles > Custom Code & Scripts. You just need to change the colors for those you want to use. However, feel free to open a new topic about this if you need it.

    Best,

    Andrés.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server