1. apelsinskal
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 24 November 2015
  5.  Subscribe via email
Hi! you have a great tutorial here http://www.joomla51.com/tutorials/item/re-sizing-your-logo-for-smaller-screen-devices
But I am wondering how to do this in the Enlighten template?
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your logo?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
yes
http://www.svvk.se
I would like the logo really small on mobile/tablets (about 50px). i tried to edit the responsive custom CSS but without any luck.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


@media only screen and (max-width: 767px) {
.logo-image {
max-width: 120px;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks! Works great. As always.
Just a question, when to use these?
Tablet (Portrait) Custom CSS
Phone (L/scape) Custom CSS
Phone (Portrait) Custom CSS
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

These fields offer you to add Custom CSS within media queries for each of the mobile states. In this instance you could have added the following in to the Phone (L/scape) & Phone (Portrait) fields for the same result...


.logo-image {
max-width: 120px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
OK, good to know. Thanks!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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