Move main menu to the left beside the logo.

[angemman]

Hello good people,

Is there any code that I can achieve this? I hope you guys can help. Thank you!

Photo for reference:
https://ibb.co/Ntt23x2

PS. I leave my project open for you guys to see.

https://reva.ph/

[Brad Dalton]

You can use 2 nav menu widgets in the header right widget area and use CSS to position them left and right.

---

Tutorials for StudioPress Themes.

[angemman]

Thanks! But it seems that the main menu elements have boundaries. How to go about it?

[angemman]

Hello, quick update:

I was able to accomplish what I have to do by adding this code:

.site-header .widget-area { 
	width: initial;
	display: flex; 
	justify-content: space-between; 
	float: none; 
	
}

However, when checking on my mobile, the menu bar disappeared. Is there any way to fix it?

https://ibb.co/kSmvsNJ

[Brad Dalton]

You'll probably need to combine both menus into 1 when your responsive hamburger menu kicks in.

---

Tutorials for StudioPress Themes.

[angemman]

Already sorted it out by adding min-width:40%; 🙂

[Author]

Posts