WP Ocean – menu across the width

Hello,

1. Upload a logo if you don’t want to display site name.
Go to Customize > Header > Logo and upload a logo.

To hide site description, Go to Customize > General Option > Page Title and select Hidden from the Style dropdown.

2. I didn’t understand your question clearly – wide menu from side to side. Can you please share a screenshot mentioning which menu?

Hello Amit, thank you for advices = it works.

I want menu wide from left side browser to right side browser.

Like this image = https://i286.photobucket.com/albums/ll107/MrPierc/Soukrome/2018-11-16_Web_WPOcean_01_zpsm513myxl.png

I use WP Ocean free + Elementor. Any ideas how set the wide menu?

Here is image with layout.
I want wide menu and custom header above menu.

https://wpo.tode.cz/pozice-2/

Hello,

You can use Medium header style from the Customize > Header > General to achieve the same layout.

Or design a custom header using Elementor. Use Ocean Custom Nav menu widget. You can design the same layout. You need to design it under the Dashboard > Theme Panel > My library.

After designing Custom header, go to Customize > Header > General and select Custom header from the header style dropdown.

• This reply was modified 6 years ago by Amit Singh.

Hello Amit, thanks for advice. Now is menu almost from side to side.

Custom nave menu widget? Its a plugin and I have to install it? Or where is this widget?

Or in what section i must go?

Thank you.

• This reply was modified 6 years ago by MrPierc.
• This reply was modified 6 years ago by MrPierc.

Custom header nav is a widget. you can find it in the Dashboard > Appearance > Widget or when you design your page with elementor, it will be there in the widget list.
It comes with OceanWP theme + Ocean Extra so no need to install anything.

Thank you Amit. I find it, i create this header with Elementor/My Templates/Wordpres/Custom Header Nav = and i create custom header. But how put it above menu.

Screen is here: https://wpo.tode.cz/pozice-3/

• This reply was modified 6 years ago by MrPierc.

Drag the menu section below the header and save the template.
You need to create all the custom template under Dashboard > Theme Panel > My library.

1) I try this method, but created menu in Theme Panel/My Library has one problem. Menu items in menu cretaed in this My Library missing options Menu Items Padding (px). I cant set space between menu items and menu in center.

2 logos with man silhuette colapse in tablet or mobile view.

Look = web

• This reply was modified 6 years ago by MrPierc.
• This reply was modified 6 years ago by MrPierc.

You need to add custom CSS code add space between menu item or check the settings in the Customize > Header > Menus and left/right padding.

For the logo, you need to edit the column in Elementor responsive mode. Please search the Elementor docs for it.

Topbar save my day. in Theme Library i edit my own custom header and input in topbar.

• This reply was modified 5 years, 11 months ago by MrPierc.

Glad to hear that you found a solution!