-
Posts
-
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/8b880a7e6ec09dcd62a70c1dac0a06e3And 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!
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,
RikardHi 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!
Hi!
Have you tried adding fullwidth submenu element to your page under content elements in Advanced Layout Builder?
Regards,
Yigitawesome! That’s what I was wanting to do. So cool that you guys created a builder element for this.
Thanks!
Hey!
Great! You can check out highlighted new feature here on our blog – http://kriesi.at/blog :)
Cheers!
YigitHow 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!
Hi,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard#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?
Hi @hookedonweb,
Please send us a link to your site so that we can have a closer look.
Thanks,
RikardI 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.
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.
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,
BasilisHello, Thank you for this solution. Is there a way to then add the Secondary Menu to the mobile menu?
Regards, DHi,
No, however you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
YigitThat’s what I was looking for. But how do you make the submenu appear on all pages? (articles, categories)
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.
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,
IsmaelThanks! Do you have an example what should be added below this code:
get_template_part( ‘includes/helper’, ‘main-menu’ );
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,
RikardThanks 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?
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!
IsmaelHi,
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,
IsmaelIsmael Thank you – this worked
However there are issues on mobile with the secondary menu being displayed over the slideshow.
- The topic ‘Add second menu below main menu’ is closed to new replies.