Hi Alison

There is a number of ways this can be done but we will try with an all CSS solution first. Could you try adding the following to the Custom CSS field of your templates parameters where # is the URL to your new image...

@media only screen and (max-width: 767px) {

.logo img {

  display: block;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background: url(#) no-repeat;

  width: 180px; /* Width of new image */

  height: 80px; /* Height of new image */

  padding-left: 180px; /* Equal to width of new image */

}

}

Ciarán

Thanks Ciarán - just tried that but it's not working - I'm not sure what I've done wrong... I created a logo 180x80
which is at http://ic2015.test.gridhosted.co.uk/images/logomobile.fw.png but it's not showing on my iphone.

URL of development site is http://www.ic2015.test.gridhosted.co.uk/ if you could offer any other suggestions?

Many thanks!

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you Alison

I have amended the suggested CSS slightly and it appears to be now working (replaced .banner with .logo img).

Ciarán

Perfect! Thank you very very much for your quick support as always.