Help with Centered Header Layout in Woodmart

Hi,
I’d like to create a header with the following layout:

First row: left menu – centered logo – right menu (all items aligned on the same horizontal line and centered as a whole).
Second row: the main navigation menu.
I’ve tried to achieve this in Woodmart and got close, but I’m struggling to perfectly center the logo along with the left and right menus on the same row.

My result in woodmart:
https://snipboard.io/i0oQdw.jpg

Could you please guide me on how to properly align these elements so the final result looks like this:
https://snipboard.io/TyOwzt.jpg

Thank you!

Hi sx,

Thanks for reaching to us.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.whb-column.whb-col-center {
    justify-content: center;
}

Kind Regards,
Hung PD

Thanks!

[Author]

Posts