Hey @epoemsaboutlife,
The container of the hamburger icon is forcing the element to shift to the right side of the screen.
Add the below CSS code at the bottom of style.css file:
.main-header-col2{
justify-content: center !important;
}Path: wp-content/themes/zita/style.css
Thank you so much that fixed it 🙂
One more centering question, the second line on the menu is not centered (so I added an extra menu item to make it look ok) but ideally I would like the second to be centered as I am writing this I began to wonder if the first line only looks centered because of all of the menu items in it. But I want the entire full screen menu to be centered.
I also would like the menu to go past the container below it if the screen size allows.
Hey @epoemsaboutlife,
Add the below CSS code at the bottom of style.css file:
#zita-menu{
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
}This will also improve the placing of the Book Now button.
Path: wp-content/themes/zita/style.css
You can remove the additional menu item that you added.
That centering code and the code for the button looks so much more professional. Thank you so much it looks great!
