Recent
Categories
View Replies (6)

Re-sizing your logo image on smaller screen device

0
Votes
Undo
  1. apelsinskal
    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?
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
apelsinskal
apelsinskal
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
apelsinskal
apelsinskal
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
apelsinskal
apelsinskal
Sherlock Holmes
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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok