Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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!

    #666225

    Hey 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,
    Yigit

    #666252

    Yigit, 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!!

    #666260

    Hey!

    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-3

    Regards,
    Yigit

    #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.
    thanks

    #675025
    #675052

    Thanks @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

    #675055

    First 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 semicolon

    if( 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.

    #675421

    Hi 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

    #675489

    i 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.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.