Recent
Categories
View Replies (5)

Letterpress - responsive logo

0
Votes
Undo
  1. Tiggia
    Tiggia
  3. Commercial Templates
  4. Wednesday, 10 February 2016
  5.  Subscribe via email
Hi Ciaran

Hope you're doing ok.

May I ask - is it possible to have more than two different logos depending on screen size?

at http://tiptopengineering.co.uk/index.php/gallery/motorsport
I have a logo for full screen and a logo for mobile use. Is it possible to also have another logo variant for tablet (specifically ipad mini)?

Would appreciate any help, thank you :)

Alison
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Alison

Try adding the following to the Custom CSS field of your templates parameters editing the path to match that of your mobile logo...


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

h1.logo a {

    background-image: url("/images/mobile-logo.png") !important;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Tiggia
Tiggia
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran
I already have similar for a mobile logo. I need a logo variant for desktop, for tablet and for mobile.

So is it possible to add one for tablet use too?

THanks
Alison
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Alison

The suggested CSS will most tablets. To target mobile phones specifically try the following...


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

h1.logo a {

    background-image: url("/images/mobile-logo.png") !important;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Tiggia
Tiggia
Accepted Answer Pending Moderation
0
Votes
Undo
That's fab. Thank you - I think I was getting everything the wrong way round - but that works and is just the job. Excellent help as always Ciaran, it's very much appreciated.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Your welcome.. happy to help! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!