Adjusting logo position in the header

Hello,

As checked, the logo already showing at the left seems you already managed to align into the left.

There is one more way, you can create a custom header and in the custom header style, you can put each header element according to need.
Following the doc will help you with it.
https://docs.oceanwp.org/article/355-how-to-create-a-custom-header

Hi Abhishek,
Thanks for your answer.

Actually, unfortunately i didn’t manage to align into the left using native OceanWP tools…

I tried to use the doc you linked, but when using this method i was able to design my simple header (equalling to a banner, actually) but not to design the menu (which i had already designed with the oceanWP theme customization panel). And when i set the newly done custom header as a model in the OceanWP theme customization panel, then i got the newly designed banner but it did delete my menu ! Which of course was not what i wanted to do.

So in the end i found some kind of workaround and designed a block with an external plugin called “Elementor header and footer Builder”. I got some other problems but in the end it approximately works, as you have seen.

But it would have been sooooo simple to have this “logo alignment” option natively right in the OceanWP theme customization panel… in the future, perhaps…? thanks !

Best,

Hello,

Sorry to hear that you are experiencing the issue.

If you wanted to move the search icon and menu icon both to the that is possible but not only the search icon because that is also part of that.

You can go to Appearance > Customize > Header > Mobile Menu, from here you can change the element positioning according to need.

For the custom header issue, Please try to use anyone header and check.
For example, if you are trying the custom header style, please disable the “Elementor header and footer Builder” at that time and check.

You can also use a separate search icon widget instead of using the default search menu widget.
In addition, following the doc will help you with the responsive designing with elementor.
https://elementor.com/blog/introducing-mobile-editing/

Hi Abhishek,

Thanks for your answer.

However, I do not really understand it :
*You talk about the Search icon, but i didn’t mention that in my issue. Do you have something special in mind ?
*Same when you talk about mobile menu : I didn’t talk about that in my problem. So i do not really understand how it is relevant (is it ?), and same thing for the link you provide about mobile editing, i do not really understand what the link with my problem is.

For the custom header issue, Please try to use anyone header and check.
For example, if you are trying the custom header style, please disable the “Elementor header and footer Builder” at that time and check.

Yes that seems to be relative to my issue ! ??
But of course i have tried that (even before having installed the plugin actually !), with no results, hence my initial post.

So from your answers i guess there is probably no easy solution for my problem : if that is the case, and if you are more or less part of the OceanWP team, displaying in the native OceanWP header customization panel the possibility to align (left, or right, or center) the logo in the header would be a really nice/useful addition to your theme (and probably a very easy addition from a technical point of view) ; so it would be awesome if you could do that in perhaps a future release. Thanks !

Regards,

Hello,
Thank you for the suggestion. We will surely consider it for future releases.
Currently, you can create a custom header using Elemntor or Gutenberg and design it accordingly.

Thanks !
I haven’t tried Gutenberg (yet ?), but i have tried with Elementor, as i said in one of my previous messages ; However with Elementor the problem is that you can’t create just a header (simple header without menu, to keep the native oceanWP menu), you are forced to take their menu as well (or the header constructed with Elementor will automatically remove the nice OceanWP native menu, and of course i don’t want that), so not very practical.
But in the end with the “Elementor Header and Footer Builder” plugin, i chose to build, instead of a “header”, a simple “customized block”, (that i designed like a simple header, with a banner and logo and motto etc etc but without menu), and then i get the shortode for this block, and i manually insert the shortcode before the native oceanWP menu, and it does more or less the trick… but it is not practical to use this kind of complicated way to achieve something that looks in theory very simple..!

Best,

Hello,

Please try to use the custom-header-nav widget, that will display the native menu of OceanWP.
And shortcode can be also used. Are you facing any issues with it?
[oceanwp_nav]