[Support request] Hook inside id=”mobile-menu”

Hi there,

Can you tell me where you want your element to show up exactly visually on mobile?

I marked it in the blow screenshot, can you check if that’s the position you want your element to be?
https://www.screencast.com/t/RzgUeWKouI

Hi Jean-Charles,

I see. There’s no hook in that specific location. You would need to add a snippet to add a custom Hook there:

add_shortcode('portable_hook', function($atts){
	ob_start();
        $atts = shortcode_atts( array(
            'hook_name' => 'no foo'
        ), $atts, 'portable_hook' );
		do_action($atts['hook_name']);
	return ob_get_clean();
});

add_filter( 'wp_nav_menu_items', 'prefix_add_div', 15, 2 );
function prefix_add_div( $items, $args ) {
	if( $args->theme_location != 'primary' ) {
        return $items;
    }
    $items .= '<li class="menu-item custom-menu-item">'.do_shortcode( '[portable_hook hook_name="generate_custom_primary_menu"]' ).'</li>';
    return $items;
}

Adding PHP reference: https://docs.generatepress.com/article/adding-php/#code-snippets

With this, you’ll have a new custom Hook called generate_custom_primary_menu. You can use it as such: https://share.getcloudapp.com/9ZuoD7j9

You’ll then need to add this custom CSS to hide the new menu item in other view.

@media (min-width: 769px) {
	.custom-menu-item {
		display: none;
	}
}

Hope this helps!

I see.

I modified the PHP snippet above. Can you try that instead?

Kindly let us know how it goes.

You’re welcome JC! Glad that worked! 🙂

Try this:

add_shortcode('portable_hook', function($atts){
	ob_start();
        $atts = shortcode_atts( array(
            'hook_name' => 'no foo'
        ), $atts, 'portable_hook' );
		do_action($atts['hook_name']);
	return ob_get_clean();
});

add_filter( 'wp_nav_menu_items', 'prefix_add_div', 15, 2 );
function prefix_add_div( $items, $args ) {
	if( $args->theme_location != 'primary' ) {
        return $items;
    }
    $items = '<li class="menu-item custom-menu-item">'.do_shortcode( '[portable_hook hook_name="generate_custom_primary_menu"]' ).'</li>'. $items;
    return $items;
}

You’re welcome Jonathan!