Adding code to HEAD section of Joomla site w/Gantry 4
-
-
- emedia
- Rocketeer
- Posts: 97
- Thanks: 4
-
What's the best method to add bookmark icons (favicons) for mobile devices (for Joomla 3.7.2 w/Gantry 4)? And how would I add the code below to the HEAD section of the website?
I've created a package of PNG files using realfavicongenerator.net. They instruct to upload PNG files, a json file and manifest.xml file to the root directory and to incert the below code into the Head section of the site.
Insert the following code in the <head> section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
(FYI - I've seen forum posts related to this but most are over 3 yrs old and some give varying info). Hoping that there is an updated and working format.
Thanks,
Marc
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- You need to edit the index.php or header.php section in theme folder.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.032 seconds