Main menu not adjusting

Hello, i add icons to my main menu and after this something broke and items on menu are not adjusting accrodingly. As you can see there are 3 issues. Some texts are broke to 2 rows. Spacing between items is not adjust and is different for every item and background effect after hoover is also not adjusted properly. How can i solve this please?

Thank you very much

Peter

Attachments:

You must be logged in to view attached files.

Hello,

Increase the “Gap” for the menu via its element in the Header builder and use the code below:

.whb-header .wd-header-main-nav .nav-link-text {
    white-space: nowrap;
}

Either use the code below which includes increasing gap manually.

.whb-header .wd-header-main-nav .nav-link-text {
    white-space: nowrap;
}

.whb-header .wd-header-main-nav  .wd-nav {
    --nav-gap: 45px;
}

Then clear the cache and recheck the issue.

Kind Regards

Hi, yes this solved problem with two rows text, but there is still problem with background “button” after hover is not adjusting.

Attachments:

You must be logged in to view attached files.

Hello,

I see that you have changed the hove style: https://prnt.sc/WA9ByP6PN2Ac

If you want the previous style, you can enable it and I will investigate the issue that is shown on your screenshot.

Kind Regards

i changed it back. underline working ok, its actually underlining whole text, but background option of the item doesnt work.

Hello,

Try to use the code below, here is a result: https://prnt.sc/KLAYkyye3GAU

.whb-header .wd-header-main-nav .woodmart-nav-link {
    justify-content: center;
}

Kind Regards

[Author]

Posts