Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #642761

    Is it possible to have 2 lines of the main menu stacked atop one another in the enfold theme?

    If you look at the site I am working on (esomethin.com/yoursource), I would like to have 2 lines in the main menu. Thus, there would be another line below “Art Requests”, “Blade Stylebook:, Staff Phone”, and “Records Databases”

    Thanks,

    #642779

    Hey Kurt,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    Add extra menu items it will automatically jump to 2nd line then increase the header height in Enfold > Header options.

    .av-main-nav-wrap ul {
        max-width: 565px;
    }
    

    Best regards,
    Vinay

    #642796

    Vinay:
    Unfortunately, this did not work. I added 5 or 6 extra menu items, but it won’t jump to a 2nd line. Suggestions?

    #642801

    Hi,

    We need to take a closer look please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Vinay

    #642807

    Thanks for looking at it closer. Data added.

    #643309

    Hi,

    Could you please provide a screenshot of the layout that you have in mind? You can add a new menu below the existing one but I’m not sure how you will handle that menu on mobile. If you want to try it, edit includes > helper-main-menu.php file, go to line 172:

    $main_nav = wp_nav_menu($args);
    								$output .= $main_nav;
    

    Below, add this code:

    $avia_theme_location = 'avia4';
    						        $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 av-main-nav-new',
    						            'container_class'	=> $avia_menu_class.' av-main-nav-wrap'.$icon_beside,
    						            'fallback_cb' 		=> 'avia_fallback_menu_new',
    						            'echo' 				=>	false,
    						            'walker' 			=> new avia_responsive_mega_menu()
    						        );
    								$main_nav_new = wp_nav_menu($args);
    						        $output .= $main_nav_new;

    And then edit functions.php file, add this:

    add_action( 'after_setup_theme', 'ava_register_new_menu' );
    function ava_register_new_menu() {
      register_nav_menu( 'avia4', __( 'New Menu', 'avia_framework' ) );
    }
    

    Go to the Appearance > Menus panel, create a new menu then set it as “New Menu” under theme locations.

    Best regards,
    Ismael

    #643446

    Ismael:

    HELP! I just screwed up the site.

    I added the first code to the helper-main-menu.php file and saved it. Then, I added the second code to function.php file and now I can’t access the site. I get a HTTP ERROR 500 error.

    Here is what I get:
    The http://www.esomethin.com page isn’t working
    http://www.esomethin.com is currently unable to handle this request.
    HTTP ERROR 500

    #643461

    I was able, through FTP, to get to those files and remove the code that I have added and now I have access to the site. I will try to add again, or abort the idea of a second line of menus. Thanks.

    #644032

    Hi,

    I would try to search for a plugin with such a function instead.

    Best regards,
    Andy

    #644052

    This problem has been resolved. You can close this post.
    Thanks.

    #644064

    Hi,

    glad you are happy now! Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘2 main menus’ is closed to new replies.