[Pikabon]

hello, is it possible on desktop view to have navigation always center ?
when screen is 1861 px width it’s ok navigation is centered but below it, navigation is aligned to the right. Is there a solution to always align the navigation to the right?

Thanks

[sujapati]

Hello Pikabon,

We have tested it on our end, and it worked perfectly on all-size desktop devices. The navigation menu is aligned to the right exclusively on mobile devices when the hamburger menu is activated. Could you please provide us with your URL so that we can directly investigate the issue on your site?

Kind Regards,
Sujapati

[Pikabon]

yes of course, here’s an example url :

https://chantillynegra.fr/association-chantilly-negra/
when you are in 1860 width : navigation is centered
When the value is between 1859 an 1200 px : navigation goes to the right and mini cart goes on the line.
why it goes to the line goes to right and mini cart on the line ?

When the value is below 1200 px : there is hamburger menu for mobile devices. Everything ok for this.

thanks best regards

[sujapati]

@pikabon: I have reviewed your site and identified the CSS that is causing the issue.

Please remove the existing CSS code and replace it with the code provided below.

@media screen and (min-width: 75em) {
	body .wp-block-main-header .wp-block-navigation {
		width: 60%;
	}
	body .wp-header-right, body .wp-block-group.wp-site-logo {
		width: 20%;
	}
}

In this new code, I have increased the width of the menu and slightly decreased the width of the left and right elements to better meet your site’s requirements.

Regards,
Sujapati

[Pikabon]

Hi,

works fine
Thanks

Best regards

[Author]

Posts