-
AuthorPosts
-
February 20, 2026 at 3:50 pm #1495291
The search icon in my menu is not showing up on the desktop is not displaying, however it shows on the mobile view. I looked through the color settings to see if it’s somehow set as the menu bar color, but it’s not. I added the following css to help resolve the issue but it’s not changing:
#top #menu-item-search a {
color: #515f77; /* Change the icon color */
}
#top #menu-item-search a:hover {
color: #515f77; /* Change color on hover */
}I’ve flushed the cache, rebooted, and looked on alternate browers but I still don’t see the icon (should be in blue) in the menu. What am I missing?
Thank you!
ErinFebruary 21, 2026 at 9:42 pm #1495326Hey es.design.ma,
It looks like somewhere you have this css:#top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child { stroke: unset !important; } #top .menu-item-search-dropdown>a.avia-svg-icon svg:first-child { width: auto; height: 1em; position: relative; z-index: -1; }The stroke is needed for the color, and the z-index needs to be 1
You can try this css to override this:#top #menu-item-search .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child { stroke: #515f77 !important; fill: #515f77; z-index: 1; } #top #menu-item-search .avia-svg-icon.avia-font-svg_entypo-fontello { padding-right: 13px; } #top #header .av-main-nav>li:hover>a>svg:first-child { stroke: #d6d6db !important; }Then clear your siteground cache & your browser cache.
Best regards,
MikeFebruary 21, 2026 at 10:07 pm #1495327Thank you! This fixed my issue. I appreciate your quick response!
ErinFebruary 22, 2026 at 1:55 pm #1495331Hi,
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 -
AuthorPosts
- The topic ‘Search icon color issue’ is closed to new replies.
