Recent
Categories
View Replies (2)

Logo in mobile view Enlighten template

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