Theme supreme-directory v.1 – favicons on mobile approach are not displayed
This topic contains 9 replies, has 3 voices, and was last updated by Kiran 5 years, 4 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
November 4, 2019 at 11:35 am #515847
Dear support team,
I am trying to get the favicon image storage on mobile devices to run. But unfortunately after trying to save the browser URL in homescreen i.e. iPhone or android phone, then the stored favicon are not used to save on those devices.
I guess that there is something missing to do the same within supreme directory theme because I was using formerly the geodirectory child theme and there I was working.
To establish the same I’ve used these instructions stored the favicon images into my root folder public_html/wci/ by using an image sub-folder “public_html/wci/favicon” Screenshot > https://www.screencast.com/t/Y6cDAYHzqMAz
and
stored this code below into the used header.php – to be found /…/wp-content/themes/supreme-directory/header.php<? /** Favicon settings - https://realfavicongenerator.net */ ?> <link rel="apple-touch-icon" sizes="180x180" href="https://www.worldcheckin.com/favicon/apple-touch-icon.png?2019-10=m2Rq27YrgO"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.worldcheckin.com/favicon/favicon-32x32.png?2019-10=m2Rq27YrgO"> <link rel="icon" type="image/png" sizes="194x194" href="https://www.worldcheckin.com/favicon/favicon-194x194.png?2019-10=m2Rq27YrgO"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.worldcheckin.com/favicon/android-chrome-192x192.png?2019-10=m2Rq27YrgO"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.worldcheckin.com/favicon/favicon-16x16.png?2019-10=m2Rq27YrgO"> <link rel="manifest" href="https://www.worldcheckin.com/favicon/site.webmanifest?2019-10=m2Rq27YrgO"> <link rel="mask-icon" href="https://www.worldcheckin.com/favicon/safari-pinned-tab.svg?2019-10=m2Rq27YrgO" color="#5bbad5"> <link rel="shortcut icon" href="https://www.worldcheckin.com/favicon/favicon.ico?2019-10=m2Rq27YrgO"> <meta name="apple-mobile-web-app-title" content="wci • geo local marketplace"> <meta name="application-name" content="wci • geo local marketplace"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="https://www.worldcheckin.com/favicon/mstile-144x144.png?2019-10=m2Rq27YrgO"> <meta name="msapplication-config" content="https://www.worldcheckin.com/favicon/browserconfig.xml?2019-10=m2Rq27YrgO"> <meta name="theme-color" content="#ff0000">
Please help to find out – why the favicon image storage is now working on mobile devices.
Best regards, Alex
P.S. I’ve even tried the same not using an favicon sub-folder approach with same negative results.
November 4, 2019 at 1:54 pm #515869Hi wci,
Thanks for your post. Could you please share the URL of the page in question so that I could check on it? I don’t see any issues on the homepage here https://www.worldcheckin.com/ . Just some console errors that are unrelated to GD. Maybe you should check on that?
November 4, 2019 at 2:33 pm #515884Hi KOR,
yes you are on the right page http://www.worldcheckin.com.
The error occur only in error_log.text file
sceenshot > https://www.screencast.com/t/6BmWIeKg5vqeI hope you will be able to solve this.
Best, Alex
November 4, 2019 at 2:55 pm #515891Hi Alex,
Thanks for your reply. I need to forward this to a dev. Could you share both WP and FTP here in a private reply?
November 4, 2019 at 6:33 pm #515918This reply has been marked as private.November 8, 2019 at 5:55 am #516392Hi Alex,
I am not sure why it is not working. Did you tried with other theme like WordPress default theme? Please check so we can at least decide it is theme specific issue or something else.
Regards,
KiranNovember 8, 2019 at 11:36 am #516423Dear Kiran,
I’ve used the test theme drive plugin to switch to twentyseventeen them. Then I made the test by adding the almost similar code in header except the approach for favicon subfolder and I dropped the images accordingly in root folder too.
Unfortunately with the same not working favicon image in use while mobile phone approach while saving the link at home screen.
It seems not to be an issue with your theme but anyway are you may able to help me to get is to run or advice to an workable solution to proceed?
I’ve used this favicon generator but still not able to use as properly.
Best regards, Alex
November 8, 2019 at 12:01 pm #516427Hi Alex,
Here are tutorials related to favicon:
https://www.wpbeginner.com/wp-tutorials/how-to-add-a-favicon-to-your-wordpress-blog/
http://creativepixelsmedia.com/ios-android-home-screen-retina-icons-wordpress/Kiran
November 8, 2019 at 7:22 pm #516459Hi Kiran,
it works now, the missing part was to setup the image within WP > customizing > General > site Identity
Screenshot > https://www.screencast.com/t/Mi9veFJC6wThank you very much for your help.
Best regards, Alex
November 11, 2019 at 6:36 am #516558Glad to hear that it worked.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket