Recent
Categories
View Replies (4)

Resize logo - Lifestyle Template

0
Votes
Undo
  1. selwyncomputers
    selwyncomputers
  3. Commercial Templates
  4. Friday, 05 September 2014
  5.  Subscribe via email
Hi there

I have a css alteration to increase the size of my header bar, but am also trying to take advantage of the responsive aspects of this template. I have the following code in the custom css tab of the template admin menu

#container_header, .header_bar {
height: 230px;
}

@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;
}}


I am trying to make it so that the logo etc will resize to suit the size of mobile devices etc, but it doesnt appear to be working very well at all.

Can you offer some advice?

Thanks
StephAn
Responses (4)
selwyncomputers
selwyncomputers
Accepted Answer Pending Moderation
0
Votes
Undo
I just wondered if anyone had any ideas about this..
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry Stephan for the delay. We somehow managed to miss this post.

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
selwyncomputers
selwyncomputers
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry... it's darfieldfire.org.nz

:-)
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Stephen

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


.logo {

    height: auto !important;

    overflow: visible;

}

.logo img {

    max-width: 100% !important;

}


Ciarán
  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!