Tagged: mega menu
-
AuthorPosts
-
September 20, 2016 at 1:42 am #688873
Hey guys!
Any ideas for how I can get the mega menu to look professional?
I have my in-progress link, as well as an example of what I am after included.Thank you,
JSSeptember 23, 2016 at 2:45 pm #690771Hey Justin,
this is quite vague. What exactly do you want to change? Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
AndySeptember 27, 2016 at 5:53 pm #692361Hi Andy, did you see the links I sent in the initial message?
LMK if this helps ..Thank you.
JustinSeptember 29, 2016 at 4:05 pm #693196Hi,
Example site is not loading on my end : /
Please feel free to request – or vote if already requested – such feature on Enfold feature request form.
Also, you can try using UberMenu plugin :)Best regards,
YigitSeptember 29, 2016 at 4:34 pm #693212Hi Yigit. Want to doubl-check your connection? This seems to work fine on my end: http://www.crossfitincendia.com/ Just want to give you an example. Navigate over PROGRAMS.
September 29, 2016 at 4:36 pm #693215Hi!
It was stuck at preloader screen now it loaded fine. Please refer to this post – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/. You should add menu items as titles and place other menu items below it so there should be three levels under your mega menu.
Regards,
YigitSeptember 29, 2016 at 4:38 pm #693217Thank you Yigit. I will take a closer look :)
October 7, 2016 at 7:14 pm #696681Not quite sure what I am missing here Yigit…but under SERVICES in the menu, everything from the Alaska Back Pain Protocol and down should be in its own column. Please see link
October 7, 2016 at 7:16 pm #696685Actually it has its own column. But still so distant from the 1st column. Is that something I should just look to style?
October 10, 2016 at 1:08 pm #697278Hi,
not sure what you want to achieve. I checked your menu under “SERVICES”, but it looks fine to me. A mockup showing what you would like to achieve instead would help.
Make sure to check this when opening a column inside your mega menu: http://i.imgur.com/VmFIAYi.png
Best regards,
AndyOctober 10, 2016 at 3:16 pm #697394Andy, I would like to close the gap between columns just a tad. Unnecessarily large. Is it possible?
Thanks!October 11, 2016 at 10:57 am #697725Hi,
thanks for the screenshots. Try this code:
#top #header .avia_mega_div > .sub-menu { padding-right: 80px; }
and adjust as needed.
Best regards,
AndyOctober 11, 2016 at 11:05 pm #698094NO luck boss :/ Thanks!
October 14, 2016 at 12:04 pm #699055Hi,
I can’t find the menu in question anymore, but we need to be able to inspect the elements in question, to be able to support you. Can you provide us a precise link please?
Try my code and add an !important into it:
#top #header .avia_mega_div > .sub-menu { padding-right: 80px !important; }
Best regards,
AndyOctober 14, 2016 at 4:20 pm #699203Yes Andy, that was actually the next step I took…adding ‘important’
October 14, 2016 at 4:20 pm #699204…no change…
October 17, 2016 at 10:24 am #699867Hi,
again:
I can’t find the menu in question anymore, but we need to be able to inspect the elements in question, to be able to support you. Can you provide us a precise link please?Best regards,
AndyOctober 17, 2016 at 10:32 pm #700303Sure Andy, the menu currently renders as seen in the link below UNDER THE TAB “CONDTIONS”…
How can I obtain the desired results seen in the screenshot below (see link) … Does this help?thank you,
JustinOctober 19, 2016 at 6:26 am #701008Hi,
Thank you for the info. Please add this css code in the Quick CSS field.
#menu-item-41 .avia_mega_div.avia_mega3.nine.units { width: 500px !important; }
Best regards,
IsmaelOctober 19, 2016 at 3:26 pm #701367Thank you…..and for the SERVICES tab?
We have to specify each class using the mega menu ?October 20, 2016 at 6:49 pm #702040How do I obtain the same results for SERVICES? Thanks
October 21, 2016 at 12:47 pm #702338Hi,
you simply need to find out the specific menu-item-id. For “Services” it’s #menu-item-44. So use Ismael’s code as a template for “Services” now:
#menu-item-44 .avia_mega_div.avia_mega3.nine.units { width: 500px !important; }
Best regards,
AndyDecember 17, 2016 at 7:20 pm #725728How does the mega menu work? Rightr now it looks like this…
December 19, 2016 at 2:52 pm #726028Hi,
some custom code you’re using seems to cause this behavior on your mega menu. So please remove any custom code you’re using to find out which one is causing it. Let us know about your results and then send us admin access.
Best regards,
AndyDecember 23, 2016 at 5:52 am #727811Stripped it section by section in the CSS. Can’t figure this out.
December 24, 2016 at 10:43 am #728107Hi,
remove any customizations you’ve done and then let us know when you’re ready, so we can have a look at a clean Enfold installation. If your mega menu still behaves weird, then there might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.