Header like this, how to achieve?

jasonser

Hi Guys,

Is there anyway to achieve a header like the following with Elementor? Do tell me whether I need a Free or Pro version?
1) Logo on right "above" Menu
2) Right of logo is some info and a search box
3) Menu Below comes with background color

Screenshot
https://cl.ly/e33abe0509a3

Any other suggestion or recommendation are welcome.

Thanks

Air

Hey there:-)

I don't know about building headers in Elementor, however as far as I know, this feature is only available in Elementor Pro.

Worth noting is that Elementor Header builder turn on Canvas mode that has some side effects. You can read about it here https://rifetheme.com/help/docs/plugins-recommendations/elementor/elementor-canvas/

You can also try the free plugin for Headers in Elementor https://rifetheme.com/help/docs/plugins-recommendations/header-footer-elementor/


BUT, before you will go will all of this, you have the option to achieve similar header right from theme options, see what I got:


I can help you with moving the logo to left if needed later.

To achieve this go to Appearance → Customize → Header Settings → Type, variant, background → Variant → Logo Centered, menu below.
Change color of menu section with Header menu part background color option in same section.

With kind regards.

jasonser

Roger that