Home › Forums › WoodMart support forum › Help with Centered Header Layout in Woodmart

Help with Centered Header Layout in Woodmart

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 22, 2025 at 4:36 pm #675563

    sx
    Participant

    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!

    July 22, 2025 at 6:51 pm #675595

    Hung Pham
    Keymaster

    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

    July 23, 2025 at 3:02 pm #675804

    sx
    Participant

    Thanks!

    July 24, 2025 at 10:17 am #675941

    Hung Pham
    Keymaster

    Hi sx,

    Glad to hear your issue has been resolved. And hope you can share you feedbacks here https://tally.so/r/w4l54k

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,
    Hung PD

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Help with Centered Header Layout in Woodmart’ is closed to new replies.