button on header (mobile mode)

Hello,

Can you share your site link so that I can check it?

Hello dear,
thanks for your reply

https://voiceofrestart.com/
https://voiceofrestart.com/persian/

Hello,

Yes, the menu item will move into the submenu on mobile view. To fix it, you need to create a custom header template. Please follow the documentation here – https://docs.oceanwp.org/article/355-how-to-create-a-custom-header

thanks dear, but…
it’s need to ocean elementor widgets!
I tried another way:
add a button by shortcode in (content after header)
I wanted to create a proprietary mobile menu for mobile users and did it.
i changed the setting in mobile menu > Breakpoints > custom media query section.
result:
when i changed custom media query for show a full menu on small device , it will show main menu, not mobile menu.

No, you don’t need ocean elementor widgets. You will need three widgets to create a custom header template
1. >>Custom header nav (OceanWP basic widget)
2. Button (Elementor widget),
3. Site Logo – use a third party plugin like Press Elements available in wordpress repository.

Try this and let me know it works or not.

Thanks dear for your reply

i try your recipe.
since that not possible to use a background image for header in elementor , so should be my header with a white background and is not very interesting.

I didn’t understand your question clearly. Can you please elaborate about the background image on the header?

like to my website
https://voiceofrestart.com
header along with a background image

now i try with a element via shortcode (Shortcode Before Header) by ocean extra.
and only show on mobile.

The only problem is that this shortcode only showing on homepage not another place!
how to solve this issue?

Hello, you need to use Ocean Hooks plugin for this.