Viewing 30 posts - 1 through 30 (of 34 total)
  • Author
    Posts
  • #416324

    Hello, I’d like to create a second nav bar below the main nav bar. I tried to show it in a screenshot of what I’m trying to do
    https://www.evernote.com/shard/s47/sh/ba450d88-e9f8-4447-8eb7-585e85e3ba00/8b880a7e6ec09dcd62a70c1dac0a06e3

    And I found this example http://www.greenwichacademy.org/page.cfm?p=515

    I’m not sure if this is ready out of the box, but could you give me an idea how I can tackle this?

    Thanks!

    #416910

    Hey catchmikey!

    There is a secondary menu out of the box, go to Enfold–>Header–>Extra Elements–>Header Secondary Menu to display it. Then create a menu under Appearance–>Menus and assign it to Enfold Secondary Menu.

    Best regards,
    Rikard

    #417057

    Hi Rikard, thanks for this but not quite what I’m looking for.

    The client has requested that the secondary menu appears BELOW the main menu. And example is this website http://www.greenwichacademy.org/page.cfm?p=515

    I believe I’ll need to do some coding and so I was just wondering if you could let me know where to look. Thanks!

    #417084

    Hi!

    Have you tried adding fullwidth submenu element to your page under content elements in Advanced Layout Builder?

    Regards,
    Yigit

    #417167

    awesome! That’s what I was wanting to do. So cool that you guys created a builder element for this.

    Thanks!

    #417180

    Hey!

    Great! You can check out highlighted new feature here on our blog – http://kriesi.at/blog :)

    Cheers!
    Yigit

    #551492

    How can you make the fullwidth submenu element appear directly under the main menu div? By default the secondary menu appears under the entry title and breadcrumb div since it is part of the page content. I would like to use this element and the title/breadcrumb div at the same time. Thanks!

    #552024

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #557794

    #1 This makes is so much easier than using a filter, but is there a simple way to make the menu make it show on all pages or all pages, but the home or font page?

    #2 I have added a submenu using the filter: ava_after_main_container, but it’ not sticky. How can I make it sticky?

    • This reply was modified 8 years, 5 months ago by hookedonweb.
    #558001

    Hi @hookedonweb,

    Please send us a link to your site so that we can have a closer look.

    Thanks,
    Rikard

    #558031

    I managed to get the sub-menu to be sticky, I was not adding <div class="sticky_placeholder"></div> after the menu. So if working fine via the ava_after_main_container on all pages, but I have an issue on the Woocomerce shop page.

    The menu renders fine (no matter if I use the Advanced Layout Builder or the ava_after_main_container filter) the shop and sidebar are left justified.

    I have looked over the css and can’t figure out how to get it back in position.

    #558033

    Actually, it’s working now. It seems if I paste the sub-menu as a sortcode the page breaks, but applying the sub-menu via the filter the page renders fine.

    It would be great if you added a feature to place a submenu on all pages with an option to exclude specific pages, under the theme admin.

    #558034

    Hey!

    Glad it is working now!
    Please feel free to let us know if you need anything else.
    For feature request, please post them here:
    https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Basilis

    #689565

    Hello, Thank you for this solution. Is there a way to then add the Secondary Menu to the mobile menu?
    Regards, D

    #689810

    Hi,

    No, however you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Yigit

    #864253

    That’s what I was looking for. But how do you make the submenu appear on all pages? (articles, categories)

    #865078

    Hi,

    Are you using the full width sub menu element?

    Best regards,
    Ismael

    #906586

    Is it possible to add secondary menu below main menu without using fullwidth sub menu element? The reason I am asking is because website has 75+ pages, I would have to add fullwidth sub menu element to each page manually.

    #906658

    Hi,

    You will have to modify the header.php file or the includes > helper-main-menu.php file for that. In the header.php file, you have to create another menu or container below this code.

    get_template_part( 'includes/helper', 'main-menu' );
    

    Best regards,
    Ismael

    #906681

    Thanks! Do you have an example what should be added below this code:

    get_template_part( ‘includes/helper’, ‘main-menu’ );

    #906755

    Hi,

    You could create the element you want using the layout builder, once you are finished with it then you will need to enable debug mode in order to see the shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Then you should be able to use the following function to echo your element:

    echo do_shortcode('[your_short_code]');

    Best regards,
    Rikard

    #907381

    Thanks Rikard.

    When I add Full Width SubMenu Element this is the short code I see.

    [av_submenu which_menu='' menu='191' position='left' color='main_color' sticky='aviaTBsticky' mobile='disabled']
    [av_submenu_item title='Menu Item 1' link='' linktarget='no' button_style='']
    [av_submenu_item title='Menu Item 2' link='' linktarget='no' button_style='']
    [/av_submenu]

    I go to Enfold: Theme Header (header.php) and add this code below line get_template_part( ‘includes/helper’, ‘main-menu’ ); nothing happens.

    echo do_shortcode(‘[av_submenu which_menu='' menu='191' position='left' color='main_color' sticky='aviaTBsticky' mobile='disabled'][av_submenu_item title='Menu Item 1' link='' linktarget='no' button_style=''][av_submenu_item title='Menu Item 2' link='' linktarget='no' button_style=''][/av_submenu]‘);

    please advise?

    #907384

    Also is it possible to add additional option under: Header Layout: Logo Left, Menu Below in future versions of ENFOLD or additional setting for location of Header Secondary Menu?

    • This reply was modified 6 years, 4 months ago by anristudio.
    #907658

    Hi!

    Please try this code instead.

    echo do_shortcode("[av_submenu which_menu='' menu='191' position='left' color='main_color' sticky='aviaTBsticky' mobile='disabled']
    [av_submenu_item title='Menu Item 1' link='' linktarget='no' button_style='']
    [av_submenu_item title='Menu Item 2' link='' linktarget='no' button_style='']
    [/av_submenu]");
    

    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Cheers!
    Ismael

    #907708

    Ismael,

    I copied/pasted your code – no changes, still no secondary menu, below main menu.

    • This reply was modified 6 years, 4 months ago by anristudio.
    #907720

    Hi,

    It’s there but hidden behind the header. Please use the following css code.

    #top .av-submenu-container.av-sticky-submenu {
        position: absolute;
        top: 125px;
    }

    Adjust the top position value as needed.

    Best regards,
    Ismael

    #907798

    Ismael Thank you – this worked
    However there are issues on mobile with the secondary menu being displayed over the slideshow.

    #907936

    Hi onastvar,

    Can you give us a link to that page with the slideshow?

    Best regards,
    Victoria

    #908137

    Victoria, see private, slideshow is on the homepage. Thanks!

    #909069

    Hi onastvar,

    Well, how do you want to have it? Hide it? Make the header bigger and put the slider below?

    Best regards,
    Victoria

Viewing 30 posts - 1 through 30 (of 34 total)
  • The topic ‘Add second menu below main menu’ is closed to new replies.