Center the navbar menu items

[IPProduction]

Hello,

Website: https://impressionpstg.wpengine.com/, X Theme
Right now I have the menu items in the navbar centered, but only with the header in stacked mode. In order to display the way I want, I added the logo to the topbar content, but I want the logo to display to the left of the burger menu when viewing on mobile. \

Can i have the menu items centered on the navbar while also being in inline mode for the logo?

[ruenel]

Hello @IPProduction,

Thanks for writing in!

The Top Bar Content is already wrapped with a <p> HTML tag. Be advised that you cannot nest a <div> HTML tag inside the <p>. It will become invalid HTML that will result to an issue sooner or later. What you can do is to use a hack in inserting your custom HTML code to the topbar content. You need to add a closing and opening <p> and </p> HTML tag at the beginning and end of your custom code like this:

</p><div style="padding-top: .5rem; padding-bottom: .5rem;">
	<img class="logo-topbar lazy loaded" src="/wp-content/uploads/2022/09/IP-logo-web_250x96_v4.png" data-src="/wp-content/uploads/2022/09/IP-logo-web_250x96_v4.png" width="250px" height="96px" data-was-processed="true">
	<div class="topbar-contact">
		<p>Let's work together to make your best impression</p>
		<a class="x-btn x-btn-square x-btn-large" href="/contact">Contact Us</a>
	</div>
</div><p>

Meanwhile, centering the navbar items while displaying with the logo image on the left side on smaller screens will require custom CSS coding. Be advised that custom coding is already considered custom development and it is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[IPProduction]

thanks very much!

[marc_a]

Hey @IPProduction,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.