Which is the header and hwo to change?

Hello,

1. If you want to use both title and logo at the same time, then try to create a custom header, where you can design the header as per need.
Doc for creating the custom header: https://docs.oceanwp.org/article/355-how-to-create-a-custom-header

2. Menu is shown in the header, but if you will customize the menu, then you have to us the option APpearance > Menu.
And you can also change the different header styles via Appearance > Header > General, and check.

3. Tagline only appear in the Top menu header style, You can edit the tagline via Appearance > Customize > SIte identity.
and let us know what exactly you want to change in the tag line.

4. There should be no gap, please check your padding setting via Appearance > Customize
> Footer bottom.

@abhikr781

1. The footer even after removing the padding shows gaps. See here
2. For tag line I would like these changes – See Here
3. As you will notice here – See Here , logo and menu appear in parallel. But Menu has been added to the Main block not the header. See in the left of this image. But logo is added to haeder. So how are they both in parallel?
4. I will try the custom header creation and will revert, if I have further queries.

Thanks

@abhikr781 You suggestion to use the Custom Header has a pre- requsite of using – Ocean Elementor Widget, which is a padd add on.

Is there no other way these simple things can be done for the header:

1. Have the tagline appear under the Logo
2. Show the Site Title center alinged on the Header
3. Not show search as part of Menu, on the header left

Also awaiting reverts for the issues mentioned in previous communcation in this chain.

Hello,

For your previous thread, Share the website URL to check the issue 1&2, for 3&4, please follow the below Custom header answer.

Creating a custom header does not mean it required the Ocean elementor widget, You can create the custom header with the available widgets in elementor and also can use the free widgets plugins for additional features.

1 & 2. Your tagline can appear under the logo but that is only possible in the Yop Menu header style, which you can set via Appearance > Customize > Header > General.

3. If you are creating the custom header then you can place the search bar as per your need.

@abhikr781

For issue 1 and 2, here is the URL. For 2, I

You can see the same link, that I have used the custom header, as per your suggestion. I have designed the page using elementor. But as you will notice there are not much options to make changes in the menu. I am using the custom menu widget, and I can’t change font, etc for the same. Is there any other option?

Lastly I would like to remove the page title band, which shows the tagline for the Home page, as you will notice in the link above.

Thanks,
Anand

Hello,

But you can still customize your menu via Appearance > Customize > Header > Menu, and also can menu typography via Appearance > customize > typography > Main menu.

You can also use the menu shortcode in place of the widget to show the menu in your custom header: [oceanwp_nav]

To disable the page title, please follow the doc: https://docs.oceanwp.org/article/166-disabling-the-page-title

@abhikr781 thank you for the suggestions, the short code does allow the respective changes.

Stragenly though, If I add the Custom Header Nav widget from elementor, the above change are not allowed, why so? Considering teh short code and the widget are one and the same.

Also you will notice on my site that there are space at right and left. Could you tell me why, since the page is full width, custom header is full width, and header container is unchecked.

Lastly I am unable to change the height of the header, it is editable, but jumps back to a fix value, why so?

Thanks,
Anand

Hello,

Custom header widget picking the elementor settings while the shortcode considering the settings from the theme, that is the reason for theme settings not reflecting with the widget.

If you don’t want any space, I would recommend to please use the 100% fill width instead of the full width and check.

For the header height, please try the below CSS code.

header#site-header {
    height: 100px;
}

PS- change the height value as per need.

For that height value jumping issue, please try to update the theme and plugin to the latest version and check.

@abhikr781

For the last point, I am using the latest versions of the theme and plugin. But the issue still exists.

The CSS works, but as you will notice here the header height is pushed up, but logo and site title are not affected. Which are part of the header. Also the page Title should shift up, but that too is not happening. So this solution doesn’t work. Any work arounds?

The space has been resolved.

Thanks

Hello,

Please check your elementor settings and adjust the margin padding value as per need via the styling and advance tab.

or you can also try the below code.

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding-top: 5px;
    padding-bottom: 2px;
}

PS- change the padding value as per need.

@abhikr781 actually the margin set to -ve value reduces teh gap. But I not sure what the gap was for, in this first place. do you?

Also, if I already have a custom header chosen, then what is the header on top, and where is getting set from, on the dashboard? See image

Hello,

It depends on your site structure. If possible please share your site link so that I can inspect the issue. Without it, it is difficult for me to give the solution.

@abhikr781 The site link is provide in this chain

Also you will notice on my site that there are space at right and left.

I have managed to resolve the issue with header, with a lot of trail and error, So I will close this ticket and focus on the pending issues, as separate communications.

Thanks