sticky secondary navigation

almost there : https://le-briand.fr/sommier-tapissier/

need help on some details :
– Vertically aligned the title section “Sommier Tapissier”
– Move the CTA “Estimer la fabrication de matelas” to the far right, on the right side of the 3 items menu (Introduction / Fabrication / Réfection)
– Align the text and the arrow icon in the CTA

thx

thx

1- I would like to set the secondary navigation ONLY on the pages listed on the script
The other should be without secondary navigation.
Disabling page by page (https://docs.generatepress.com/article/layout-element-overview/#disable-element) is way too time-consuming. Any other solution ?

 /* Switch menus for secondary nav on different pages */
add_filter( 'wp_nav_menu_args', function ( $args ) {
    // if the menu is the secondary menu && is page with ID 100
    if ( 'secondary' === $args['theme_location'] && is_page(8191) && is_page(43) && is_page(3865) ) {
            $args['menu'] = 61;
    }// you can keep on adding conditional for more pages and more menus
    return $args;
} );

2- In the element, select the container, set order to 10 in the layout panel > flex child to move the CTA “Estimer la fabrication de sommier” to the far right, on the right side of the 3 items menu (Introduction / Fabrication / Réfection)
But it does work. Can you help?

3- How do we hide the secondary navigation for screen under 768px?

thx

thx Alvind

almost there : https://le-briand.fr/sommier-tapissier/

need help on some details :
– How can we move the 3 items menu (Introduction / Fabrication / Réfection) by the CTA “Estimer la fabrication de sommier”

thx.

thx.

I tried the PHP script to switch menus for secondary nav on different pages.
But it doesn’t work.

Example :
ID : 8191 -> https://le-briand.fr/sommier-tapissier/
ID : 8493 -> https://le-briand.fr/matelas-laine/

 /* Switch menus for secondary nav on different pages */
add_filter( 'wp_nav_menu_args', function ( $args ) {
    // if the menu is the secondary menu && is page with ID 100
    if ( 'secondary' === $args['theme_location'] && is_page(8191) ) {
            $args['menu'] = 61;
	}
	if ( 'secondary' === $args['theme_location'] && is_page(43) ) {
            $args['menu'] = 61;
	}
	if ( 'secondary' === $args['theme_location'] && is_page(3865) ) {
            $args['menu'] = 61;
	}
	if ( 'secondary' === $args['theme_location'] && is_page(41) ) {
            $args['menu'] = 63;
    }
	if ( 'secondary' === $args['theme_location'] && is_page(8393) ) {
            $args['menu'] = 63;
    }
	if ( 'secondary' === $args['theme_location'] && is_page(7073) ) {
            $args['menu'] = 63;
    }
	if ( 'secondary' === $args['theme_location'] && is_page(10546) ) {
            $args['menu'] = 63;
    }// you can keep on adding conditional for more pages and more menus
    return $args;
} );

What would be the solution ?

thx

I add the code on the functions.php of the child theme.

I active the secondary menu on generatedPress side.

I enable the secondary nav by removing all the Layout Element to hide the secondary navigation.

I create the 2 different menus with the ID 63 and 61 on Appearance > Menu.

When I start to set location (in Appearance > Menu > Menu Settings) of one of these 2 menus, it shows up everywhere.

And I can’t set the 2 menus I created as Secondary Menu.

Example : on these pages, the secondary menu items should be differents, but they are the same at the moment.
ID : 8191 -> https://le-briand.fr/sommier-tapissier/
ID : 8493 -> https://le-briand.fr/matelas-laine/

How can I slove the issue ?

thx