[Support request] Some help with Hamburger Animation for Off Canvas Panel

[Stacey]

Hi I have 2 questions

1.
Is it possible to just show the hambuger menu with off canvas panel on desktop – just for the home page?
And then use the layout of navigation as header for all the other pages?
I want it to be like the page (link below) (which is built using a beaver builder module)

2.
I’ve followed the instructions on this page https://docs.generatepress.com/article/animated-hamburgers/
to add the animation for the hamburger menu on mobile
But the close icon is appearing behind the background of the off canvas panel and so you aren’t seeing clearly to close it.

Can you help with any css that I might need to change?

thank you

[Elvin]

Hi there,

You can try David’s recommendation here:
https://generatepress.com/forums/topic/mobile-off-canvas-menu-only-on-homepage/#post-1139348

A wise man once said:
"Have you cleared your cache?"

[Stacey]

Thanks I’ve added in this code

add_filter( 'option_generate_menu_plus_settings','lh_custom_homepage_menu_plus_settings' );
function lh_custom_homepage_menu_plus_settings( $options ) {
    if ( is_front_page() ) {
        $options['mobile_menu_label'] = 'Home Page Toggle Text';
        $options['slideout_menu'] = 'both';
		$options['slideout_menu_side'] = 'left';      
    }
    
    return $options;
}

But it still looks the same on the home page. Do I need to hide the other menu? It mentions something along those lines in the post you referred to

[Elvin]

But it still looks the same on the home page. Do I need to hide the other menu? It mentions something along those lines in the post you referred to

After adding this PHP snippet, can you try turning the off-canvas menu “off” on Appearance > Customize > Layout > Off-Canvas Panel and check how it goes?

Let us know.

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts