Mega menu problem with mobile
This support request was posted in Smart by atamizio
- atamizio August 16, 2017 at 11:53 am
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 August 16, 2017 at 12:25 pmHi 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,
JuanAndrés Villarreal August 16, 2017 at 5:36 pmHi 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.
atamizio August 17, 2017 at 2:48 amHi 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 August 17, 2017 at 1:04 pmHi 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.
This topic is marked as resolved
Only the topic author can re-open this thread.