How to Add Favicon to Address Bar with website URL

  • Hi,

    I am running a Blog website and using Hello Elementor theme.

    I have already upload the traditional Favicon that is know showing on a browser tab. Know i want to add Favicon with my URL in a address Bar

    I try this code but it didn’t work.

    if( function_exists('get_site_icon_url') ) {
 $site_icon_url = get_site_icon_url();
 if ( $site_icon_url ) {
 echo '<img src="https://wildlypet.com/wp-content/uploads/2024/04/Fevicon.png'. esc_url($site_icon_url) .'" alt="site-icon">';
 }
}

    I am using Code Snippet plugin to add the script.

    Plz help me to solve this issue.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    On recent WordPress version, I do not know if ts 6.4 or 6.5 you can add it directly from the settings / General / Site icon

    When using Elementor, you do not have to write any source code yourself. Proceed as described here: https://elementor.com/help/setting-up-your-site-identity/

    If you have any further questions, I would recommend that you contact the Elementor support forum: https://www.ads-software.com/support/plugin/elementor/

    On recent WordPress version, I do not know if ts 6.4 or 6.5 you can add it directly from the settings / General / Site icon

    This was added in 6.5. If you are running a version before 6.5 you should update but if that’s not possible right away, you can add this from the Cuztomizer by visiting yoursite.com /wp-admin/customize.php. You’ll find the option under Site Identy

    Thread Starter kuhashmi

    (@kuhashmi)

    I know how to add Favicon but i am talking about address bar where you enter your website address (URL)

    Before Website URL: https://wildlypet.com/

    Yes, the favicon is displayed at this point. Most of today’s browsers now also accept the same graphics there. I also see the favicon on your website – from my point of view it actually fits.

    Have you checked this in your Elementor settings as I described above? This is the relevant way for you as you use Elementor.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Add Favicon to Address Bar with website URL’ is closed to new replies.