Docs

[GhostWhale]

Hi all,

Is it possible to replace the search icon in the menu bar with text that says ‘SEARCH’ with the same formatting of course as other menu items?

[GhostWhale]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

a.x-btn-navbar-search:before {
    content: "SEARCH";
    padding: 3px;
}

Adjust the padding according to your needs.

Hope that helps,

Joao

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

a.x-btn-navbar-search:before {
    content: "SEARCH";
    padding: 3px;
}

Adjust the padding according to your needs.

Hope that helps,

Joao

[GhostWhale]

Thanks Joao,

That’s great, nearly there. This adds the word search but does not remove the icon. Is there a way of removing the icon so there is just the word “search”?

[Thai]

Hi There,

Please add the following CSS:

li.menu-item.x-menu-item.x-menu-item-search i,
.x-navbar .mobile .x-nav>li.x-menu-item-search a:before {
    display: none;
}

Hope it helps 🙂

[GhostWhale]

Perfect. Thanks

[Christopher]

You’re welcome.

[Author]

Posts