Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 29, 2018 at 12:41 am #948485
    hazelallturf

    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 #949331
    Rikard

    Hey Luke,

    Thanks for sharing, I’m not sure exactly what you are having problems with though?

    Best regards,
    Rikard

    May 1, 2018 at 9:08 am #949443
    hazelallturf

    Hi 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 #950481
    Victoria

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

    Add second menu below main menu

    Menu

    Best regards,
    Victoria

    • This reply was modified 6 years, 6 months ago by Victoria.
    May 3, 2018 at 10:13 am #950615
    hazelallturf

    Hi 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 #950618
    hazelallturf

    Please find my login details if you wish to have a look at the setup.

    Thanks

    May 4, 2018 at 7:58 am #951414
    Ismael

    Hi,

    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,
    Ismael

    May 4, 2018 at 10:07 am #951482
    hazelallturf

    Hi 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 #952573
    Ismael

    Hi,

    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,
    Ismael

    May 8, 2018 at 4:16 pm #953438
    hazelallturf

    Hi Ismael,

    Am I using this hook in the functions php file?

    Thanks,

    Luke

    May 10, 2018 at 5:35 am #954287
    Rikard

    Hi Luke,

    Yes, please try it in functions.php.

    Best regards,
    Rikard

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