-
AuthorPosts
-
April 29, 2018 at 12:41 am #948485
Hi,
I have created a sub menu for my website and to show what I am after i have created a fullwidth sub menu however I want this to be on every page and act as a second menu.
I would then like to be able to make the mega menu take up the full screen.
I am trying to recreate a header and menu area like http://www.selfridges.com/GB/en/
Please view the below page to see my current site.
Thanks,
Luke
May 1, 2018 at 5:39 am #949331Hey Luke,
Thanks for sharing, I’m not sure exactly what you are having problems with though?
Best regards,
RikardMay 1, 2018 at 9:08 am #949443Hi Rikard,
I have created a full width sub menu but I want this to be a proper menu on every page. It is only on the homepage currently and some of my WooCommerce pages I can’t add anything to with the advanced editor.
I’d also like to when I hover over a category for example ‘burners’ I want the sub menu to be full screen.
Hope you can help
Luke
May 3, 2018 at 6:13 am #950481Hi Luke,
It might be easier to make this menu to be your main menu and move the icons to the secondary menu, and then just try to adjust positioning.
Best regards,
Victoria- This reply was modified 6 years, 6 months ago by Victoria.
May 3, 2018 at 10:13 am #950615Hi Victoria,
If I was to make this the main menu how would I go about creating the current header I have now with the search bar, logo and icons as a secondary?
I looked at the link you sent but I couldn’t quite follow how to apply that to my situation?
Hope you can help me move forward.
Thanks
May 3, 2018 at 10:15 am #950618Please find my login details if you wish to have a look at the setup.
Thanks
May 4, 2018 at 7:58 am #951414Hi,
Use the “ava_after_main_container” hook in combination with the do_shortcode function and the fullwidth submenu shortcode as the value.
// https://developer.wordpress.org/reference/functions/do_shortcode/
Best regards,
IsmaelMay 4, 2018 at 10:07 am #951482Hi Ismael,
Thank you for the suggestion. Would you be able to explain this in a little more detail?
Where am I looking to place the code? Does the sub menu need a heading or do I just use the menu name?
Thanks.
May 7, 2018 at 10:24 am #952573Hi,
The hook should look something like this.
add_action( 'ava_after_main_container', 'ava_after_main_container_mod', 10 ); function ava_after_main_container_mod() { $output = ''; $output .= do_shortcode("[av_submenu which_menu='' menu='6' position='center' color='main_color' sticky='aviaTBsticky' mobile='disabled' av_uid='av-7sgq'] [av_submenu_item title='Menu Item 1' av_uid='av-1qu' link='' linktarget='no' button_style=''] [av_submenu_item title='Menu Item 2' av_uid='av-41hu' link='' linktarget='no' button_style=''] [/av_submenu]"; echo $output; }
Replace the fullwidth sub menu shortcode with your own. You may need to activate the debug mode to extract the elements’ shortcode.
// https://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
IsmaelMay 8, 2018 at 4:16 pm #953438Hi Ismael,
Am I using this hook in the functions php file?
Thanks,
Luke
May 10, 2018 at 5:35 am #954287 -
AuthorPosts
- You must be logged in to reply to this topic.