Header nav menu to the center

Is there CSS code to position the header menu in the middle of the page? By default the menu is on the right side by the username.

Thanks for reply

Please try this PHP snippet but please note that it can require further customization

.header-navbar__end{
	margin: auto;
}

Also, it is possible to make changes in the header.php file with the child theme if you are familiar with code customization

1 Like

HI yevhen

Thank you for the reply.
Is it also possible to move only the menu items WITHOUT the “Add Listing” button and the profile icon to the center?

Sorry, there’s no simple code snippet - this requires advanced customizations.

If you are familiar with code customization then it is possible to override the header.php file with the child theme. Here is a tutorial Customizing Templates I HivePress Developer Docs - YouTube

If you are not familiar with code customization then please consider hiring someone for custom work https://fwd.cx/hLhc73mQCD9R

This is css snippet or php snippet?
It’s look like css.
I’ve try it but it’s not working for mobile :iphone: devices in portrait mode and header and it’s elements are not in central of page and all are in right corner

The file header.php contains PHP and HTML and it is recommended to override this file with child theme to make and save changes. Please check this tutorial Customizing Templates I HivePress Developer Docs - YouTube

If you are not familiar with code customization then please consider hiring someone for custom work https://fwd.cx/hLhc73mQCD9R

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.