-
AuthorPosts
-
July 26, 2016 at 10:26 pm #665512
Hi Enfold team!
I’ve 3 days trying to figure out how to create this megamenu: http://coreaxis.com/custom-training/elearning-development/. So far, no luck!
After attempting it with megamenu, and not getting anywhere, I read through all of the forum info on using Ubermenu 3. I think I have make the manual customizations recommended, I’m getting a big mess!I’ll link you to my site below. I made changes given by Sevenspark to the child theme syles.css, functions.pho and the helper-main-menu.php files but have no way of knowing if these directions are still current.
Please get me headed in the right direction! I’d be so very appreciative…
thank you so much!
July 28, 2016 at 1:43 pm #666225Hey Christine,
It seems like you have successfully implemented UberMenu. I, unfortunately, do not have much experience with UberMenu to give you any pointers but if you decide to give MegaMenu a shot, you can use HTML in nagivation label create a similar menu layout
Best regards,
YigitJuly 28, 2016 at 2:39 pm #666252Yigit, thanks for taking a look! If I can’t figure this out by noon today, I’m switching back to MegaMenu. Any tutorials you might be able to point me to would be fabulous!! I can’t seem to get both the Image and the menu Title in each column to show at the same time…
I appreciate all the team does to help us new to the world of Enfold!!
July 28, 2016 at 2:57 pm #666260Hey!
You can find mega menu tutorial here – http://kriesi.at/documentation/enfold/portfolio-item/creating-a-mega-menu/
And you can find UberMenu documentation here – http://sevenspark.com/docs/ubermenu-3Regards,
YigitAugust 20, 2016 at 4:00 am #674914@cloeffler I like what you have done with the menu, what did you end up doing. I am also having issues with Ubermenu.
Love to get your tips on creating the images in the menu.
thanksAugust 20, 2016 at 3:04 pm #675025and an important link : http://sevenspark.com/docs/ubermenu-enfold for UberMenu 2
http://sevenspark.com/docs/ubermenu-3/theme-integration/enfold for UberMenu 3
August 20, 2016 at 5:06 pm #675052Thanks @Guenni007,
I had already tried the instructions for UberMenu 3 but with no luck that’s why I asked if @cloeffler could shed some light on her experience.If you are having success with this then I guess I need to review what I am doing wrong
August 20, 2016 at 5:19 pm #675055First of all there is a little mistake in that tutorial:
The code to substitute is this (without that last curly bracket !) because Enfold does not have here a curly bracket there !
$output .= "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">"; $avia_theme_location = 'avia'; $avia_menu_class = $avia_theme_location . '-menu'; $args = array( 'theme_location' => $avia_theme_location, 'menu_id' => $avia_menu_class, 'menu_class' => 'menu av-main-nav', 'container_class' => $avia_menu_class.' av-main-nav-wrap'.$icon_beside, 'fallback_cb' => 'avia_fallback_menu', 'echo' => false, 'walker' => new avia_responsive_mega_menu() ); $main_nav = wp_nav_menu($args); $output .= $main_nav; /* * Hook that can be used for plugins and theme extensions */ ob_start(); do_action('ava_inside_main_menu'); // todo: replace action with filter, might break user customizations $output .= ob_get_clean(); if($icon_beside) { $output .= $icons; } $output .= '</nav>'; /* * Hook that can be used for plugins and theme extensions */ ob_start(); do_action('ava_after_main_menu'); // todo: replace action with filter, might break user customizations $output .= ob_get_clean();
but the code you have to insert is ( with that last curly bracket !)
logic misleaded me first because i thought i had to make it from semicolon to semicolonif( function_exists( 'ubermenu' ) ){ $output.= ubermenu( 'main' , array( 'theme_location' => 'avia' , 'echo' => false ) ); } else{ $output .= "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">"; $avia_theme_location = 'avia'; $avia_menu_class = $avia_theme_location . '-menu'; $args = array( 'theme_location' => $avia_theme_location, 'menu_id' => $avia_menu_class, 'menu_class' => 'menu av-main-nav', 'container_class' => $avia_menu_class.' av-main-nav-wrap'.$icon_beside, 'fallback_cb' => 'avia_fallback_menu', 'echo' => false, 'walker' => new avia_responsive_mega_menu() ); $main_nav = wp_nav_menu($args); $output .= $main_nav; /* * Hook that can be used for plugins and theme extensions */ ob_start(); do_action('ava_inside_main_menu'); // todo: replace action with filter, might break user customizations $output .= ob_get_clean(); if($icon_beside) { $output .= $icons; } $output .= '</nav>'; /* * Hook that can be used for plugins and theme extensions */ ob_start(); do_action('ava_after_main_menu'); // todo: replace action with filter, might break user customizations $output .= ob_get_clean(); }
this last curly bracket closes the else clause.
August 21, 2016 at 9:08 pm #675421Hi Frank,
sorry for the late reply…we’re just back from our family vacation. So glad you like what I did, but I can’t take all the credit for getting the code straight. I was getting a gray screen after following the tutorial, and it was Chris at SevenSpark who came to my rescue. Something about a php syntax error in the helper-main-menu.php file.Here is his note to me:
Hi Christine,You were getting a grey screen because you had created a PHP syntax error in the helper-main-menu.php file
I copied a fresh version over into the child theme includes folder and made the adjustment as described in the integration guide and it worked without issue.
Now you can either adjust your Menu Bar Margin Top to push down the menu, or increase the Top Level Vertical Padding to increase the menu bar height if you prefer. Then set up your Submenu Column Defaults for the top level items and you should be good to go.
Hope that helps. Have a good one,
Chris
August 22, 2016 at 1:51 am #675489i wrote to chris because (see code text above) on his turorial for integrating ubermenu3 to enfold he made that little mistake.
If you look now to that tutorial he has removed that little curly bracket which causes some misleading interpretation on what to replace in original code.
-
AuthorPosts
- You must be logged in to reply to this topic.