Favicon rendering in body section instead of head, will not display in Chrome

  • Resolved videobored

    (@videobored)


    5 years, 11 months ago

    There is a problem with how this theme outputs the favicon code. It outputs inside the body section of the page, rather than inside the head where it belongs. This means that Google Chrome will not properly display the favicon. I discovered this while troubleshooting the favicon on my site. It was working fine while I was in the site admin theme, but looking at it from the front end (when the WP Bootstrap theme was active) would kill the favicon. Doing an inspect on the page and literally moving the favicon link tags up into the head section of the page made them start working immediately.

    I need to resolve this quickly. Any advice on how to over ride this behavior in my child theme?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi videobored,

    Thanks for using our theme, I’ve checked the issue on my end. I was unable to replicate this one. Did you create your own child theme? Did you copy the header.php of the parent theme to the child theme?

    Can you please give me a site link for this?

    Thanks.

    Thread Starter videobored

    (@videobored)

    Thanks for the reply. Yes, we created a child theme using the header.php file from the parent. The site in question is located at:
    https://gunstonhall.org/

    Note that the favicon does not appear properly because the favicon code is outputting inside the body tag. Viewing the same while logged in as admin changes that behavior. The favicon code then outputs in the head as it should and it works fine.

    I also saw this same bug on a more recent site we are working on:
    https://global.hsmai.org/

    But I addressed the bug in this situation by editing the header.php file to hard code the favicon link directly in the template code, rather than pulling it dynamically.

    Any help would be greatly appreciated.
    Thanks!
    -vb

    Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi videobored,

    I’ve rechecked the issues based on the sites you’ve given. This intrigues me since I’ve tried this on my end and this is what I got https://backend.wpdevsites.com/. You can inspect and view the page source that it is before on the </head> closing tag https://prntscr.com/nx9pbx. I’ve been thinking that there might be an unclosed tag on the header since the header was customized. Also, did you add the favicon on the theme customizer https://prntscr.com/nx9q3i? If you can give a temporary account on the site that would help much further to check the issue on the child theme properly. Kindly back it up first so that we have a backup in case of unnecessary accidents.

    Thanks.

    Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi @videobored,

    I would like to ask if your issue is solved. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Favicon rendering in body section instead of head, will not display in Chrome’ is closed to new replies.