Hi — I have been having issues since 8.5 with the search icon. I reverted back to 8.2 and finally updated to 8.6. I have done absolutely everything suggested in this forum. cleared cache, used ftp to overwrite theme, opened theme panel and applied different headers and saved….
I am hoping someone can give me some help. One of the updates says they fixed this issue, but it’s not fixed for me.
website: http://www.observerxtra.com
Which version are you using right now (the icon appears properly positioned http://prntscr.com/icl2o4)? I also had the same problem since v8.5 and none of the solutions in this forum worked and I had to use some CSS to position the icon properly. I also noticed the icon can appear broken when logged in but proper when logged out.
@Bogdan B. Using Header style 12 with the local news demo, my search and social media icons appear like this even with cache cleared http://prntscr.com/idtrzf. I was forced to use some custom CSS to reposition them. Try to inspect the site (URL is in my profile) and remove the code in the inspector for both icons and see. It looks something like this
@media (min-width: 768px) {
.td-icon-search {
margin-top: -12px;
}
.td-header-sp-top-widget {
margin-top: 11px;
}
}
That is happening because of the menu line height. If for example the main menu line height is changed in the theme panel, the search icons line height will not be affected, it will remain as it was initially
– https://www.screencast.com/t/z5JpE5vf6
– https://www.screencast.com/t/V9eGxQcV
If the icons would inherit the new line height this would not happen
– https://www.screencast.com/t/iI2ZPpeJUtk
I believe this is added on our improvement list, so that in the future when the main menu or top menu line height is modified, the icons will be affected too.
A solution would be to keep using the code you are now, or set similar line height for the icons
– https://www.screencast.com/t/bVGwHYWVJa
Sorry for this inconvenience.
Thanks