Main menu centered, logo off-center

Hello @gusum,

Please navigate to WP Dashboard > Appearance > Customizer > Header > General; set the “Medium” for the header style.

Go to the Menu tab(previous tab); find and set the search icon style.

Regarding “Is it possible to have a menu focused on computers and tablets and minimal on mobiles?”

You can find other settings on Customizer > Header > Mobile Menu to manage the header on mobile and tablet.

Or, you can create your own header using Elementor page builder as a template: https://docs.oceanwp.org/article/355-how-to-create-a-custom-header.

Best Regards

I do not know if I explained well…
I have followed the instructions, but the menu remains the same.
Right now I have the menu centered, but the logo is over the menu and misaligned.
How could you center the logo or have it be at the same height as the menu?
Thank you!

Hello @gusum,

With the current header menu, please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

#site-header.medium-header .top-header-inner {
    display: block !important;
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

https://postimg.cc/p93DPKbq

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope that helps.
Best Regards

Hi, Shahín,
The code has worked great and the logo now looks centered.
Thank you so much!

You’re welcome. I’m glad we could help.