1. Mol4
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Monday, 12 January 2015
  5.  Subscribe via email
Hello,

I've used the following extra CSS code in the template manager tab "Custom css" of the Enlighten template:
@media only screen and ( max-width: 767px ) {
h1.logo a {
background-size: 400px auto;
}}
@media only screen and (max-width: 440px) {
h1.logo a {
background-size: 300px auto;
}}
This should make the logo size fit in mobile view but unfortunately it doesn;t work.
Am I missing something?
Link to the test site >
Thanks!
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mol4

Could you try adding the following to the Custom CSS field of your templates parameters...


#logo {
position: relative;
}
@media only screen and ( max-width: 767px ) {
#logo img {
max-width: 90%;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,

This works.
Thanks again for this fast help!

Greetings,
Ton
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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

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.