Apple touch icon

Hello guys,
I was changing the touch devices images from different websites. On one website, the image was setup correctly but at the website source code I have noticed, that the path isnt correct.
I found this code:

Code: Select all

<link rel="apple-touch-icon" href="http://fc-greif.de/website/templates/fcgreifimages/logo-wappen.png">
  <link rel="apple-touch-icon-precompose" href="http://fc-greif.de/website/templates/fcgreifimages/logo-wappen.png">


Next to /templates/ a slash between the name of the template and images is missing. The correct path would be http://fc-greif.de/website/templates/fcgreif/images/logo-wappen.png But I don't know where I can paste the missing slash.

Do you know which file it is?

Hi

It should be either in /layout/default.php or /layout/blocks/head.php

But You can just add the code to /layout/blocks/head.php again so it will get overwritten.

Thank you for the answer.

I've checked both files, but I cant see anything which looks like a path to the touch device icon.

Hi

So just add it there as I've said. It's most probably in joomla header details, so instead of digging for it it's much easier to override it.

But I have no clue where to put it. I can only see lots of PHP but the code which I have is HTML. And at one documentation which explains how to put CSS into the header, there was a part which said it isnt recommended to put the <link>-tag inside

Hi

Just put it at the very end of this file, but first close the PHP tags with "?>". So You will be able to have any html there.

Phew... Thank you for being patient with me. I'm not quite good in PHP.
I've put the code at the very end of head.php. Every code seems to be closed and it works. Link to the touch-device.png image on the frontend seems to be ok now.

Thank you for your help.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro