Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

different logo file for smart phone

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi guys,

Is there a way, for example, to have one logo for the media max-width 400px and another for all the rest of the views? I can't seem to get the mediaqueries.css to override the template parameters logo selection.

Thanks,
Helen
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Hey Helen,

This should be possible if you choose to use text as a logo and then replace that with images in your css, rather than selecting an image as a logo. Then you can do something like this inside your @media-query:

#logo {
background:url(../images/small/logo.png) scroll no-repeat;
width:240px;
height:91px;
text-indent:-999em;
}
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
Hi Seth,

I ended up not needing this solution after all but I will put it in my back pocket for another time. Thanks! :)
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Thanks Helen!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers