Header Problem

This topic has 6 replies, 2 voices, and was last updated 1 month, 1 week ago by Aizaz Imtiaz Awan.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 14, 2024 at 1:45 pm #604846

mrliuk.official
Participant

Hello,
I am experiencing several issues with the Header Builder and Main Menu settings on my website as you can see from the images attached. Below are the details:

Header Builder Not Optional in Preset:
In the preset, there is no default “Header Builder” included, but on my website, I cannot remove the Header Builder once it’s set. It seems impossible to revert to having no Header Builder as in the preset.

Main Menu Checkbox Behavior:
On my website, when I check the option for “Main Menu” under Appearance > Menus, the menu displays correctly. However, if I don’t check this option, I receive the following error message: “Create your first navigation menu here and add it to the ‘Main menu’ location.”

Header Transparency Issue:
I am unable to set a transparent header that becomes white when scrolling on my homepage.

Inconsistent Menu Appearance:
When I attempt to replicate the preset settings on my site, I’ve noticed that the appearance of the main menu and other menus is inconsistent until I uncheck and then recheck the “Main Menu” option under Appearance > Menus.

Grey Bar:
Under the header and above the slides there is a grey bar that i cannot eliminate .

I have tried adjusting various settings between my site and the preset I am using as a reference, but these issues persist.

Could you please assist me in resolving these problems?

Thank you for your support!

Attachments:
You must be logged in to view attached files.

October 14, 2024 at 4:02 pm #604907

mrliuk.official
Participant

I’m sorry for the bad translation of my first problem, here is explained bettere

Header Builder Not Optional in Preset:
In the preset, there is no default “Header Builder” included, but on my website, I cannot remove the Default Header once it’s set. It seems impossible to revert to having no Default Header as in the preset.

October 14, 2024 at 4:29 pm #604910

Aizaz Imtiaz Awan
Keymaster

Hello,

It comes from WoodMart -> Header builder -> check each “Menu” item for menu availability. Maybe you are using the custom header on your site, Woodmart theme provides the option to create different headers for different pages:
https://xtemos.com/docs-topic/how-to-set-different-header-for-specific-page/

You can check the custom header for a separate page and edit it.
https://xtemos.com/docs-topic/options-for-pages/

Best Regards

October 15, 2024 at 2:13 pm #605166

mrliuk.official
Participant

Hello, thanks for the help.
Following your advice, I have now set a header with a fixed background (white) for all pages through Themes Settings > General, and then I created another one just for the homepage so that it is in overlap. However, I am now encountering two issues:

-The overlap doesn’t work unless I set a transparent background color.
-By setting a transparent background color, the background obviously remains transparent when scrolling down the page, making it difficult to navigate the menu.

I would also like to know if it’s possible to set, for example, an overlap header for the homepage with white text that turns when scrolling to white background with black text

October 15, 2024 at 4:37 pm #605214
Aizaz Imtiaz Awan
Keymaster
Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.
```
body .whb-sticked .whb-general-header, .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: #ffffff !important;
}
body .whb-sticked .wd-nav[class*="wd-style-underline"] .nav-link-text {
color:#1a1a1a !important;
}
body .whb-sticked .wd-account-style-text .wd-tools-text {
    color: black;
}
body .whb-sticked .wd-tools-element .wd-tools-icon {
    color: black
}
```
Best Regards
October 17, 2024 at 1:34 pm #605768

mrliuk.official
Participant

Thanks for the help.
What code do i have to insert to have a different logo when in sticky?

I can’t find how to change the buttons of the navigation toolbar for mobile, in Themes Settings – Mobile Navigation Toolbar i can change something but not how to change the buttons (like for the translation of them).

Plus i would like to know how to change the language of the “show sidebar” in the shop page if possibile.

Thanks again

October 17, 2024 at 3:39 pm #605821

Aizaz Imtiaz Awan
Keymaster

Hello,

01. Please edit the Logo element and you will find the option to upload a separate logo for the sticky header.

02. 03. Try to use the loco translate plugin for this to change the text.
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Best Regards
Author

Posts