Recent
Categories
View Replies (4)

habitat template - responsive logo

0
Votes
Undo
  1. wallis
    wallis
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 12 August 2014
  5.  Subscribe via email
Hello
I installed a large Logo. I tried to make it responsive reducing its size with the following code but only the first block works:
@media only screen and (max-width: 1240px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 900px;
}}
@media only screen and (max-width: 980px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 700px;
}}
@media only screen and (max-width: 640px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 500px;
}}
@media only screen and (max-width: 400px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 330px;
}}
More questions follow
regards
Responses (4)
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
wallis
wallis
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Link in a private msg to moderator. Sorry folks, the site is still a mess.
  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

We have replaced your CSS with the following and your logo appears to be now displaying correctly across all devices...


.logo img {

    max-width: 100% !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
wallis
wallis
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Great!
Thank you very much.
regards
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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