Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 23, 2026 at 4:33 pm #1496262
    newmediologo

    Hi.. The client (site link in private content) wants a Search Icon on the right of the main menù but the icon does not appear, if I click after the last menù item the search box appear but not the icon. I’ve try the following code, it makes the icon visible but the search box does not come out:

    .header_color .main_menu ul:first-child > #menu-item-search > a svg:first-child {
    stroke: #ffffff;
    fill: #ffffff;
    color: #ffffff;
    z-index: 10;
}

    This other code has no effect:

    #top #wrap_all .header_color.av_header_transparency .avia-svg-icon svg:first-child {
  fill: #fff;
}

    Could You please help?
    Thank You Very much
    Note: the Search works regularly and on mobile the icon is correctly displayed

    • This topic was modified 2 weeks, 6 days ago by newmediologo. Reason: Icon in visible and works on mobile
    March 23, 2026 at 8:48 pm #1496272
    Mike

    Hey newmediologo,
    Try this css:

    #menu-item-search a {
	z-index: 110;
  position: relative;
}

    Best regards,
    Mike

    March 23, 2026 at 9:30 pm #1496273
    newmediologo

    Thanks Mike.. It works..

    Thank You Very much

    March 23, 2026 at 9:40 pm #1496274
    Mike

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Search Icon Color’ is closed to new replies.