Search Icon – dropping to 2nd line

Posted in: Newspaper
Post count: 39

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

Post count: 1043

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.

Post count: 22421

In most cases the search icon issue is a caching issue. The problem appears to be fixed.

Thank you!

Post count: 1043

@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;
}
}

Post count: 20688

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

Post count: 1043

Thanks Simion for the clarification. Let me test both the line height and the code I have and see what works best. Can’t wait for the improvements.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.