1. salinger
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 06 January 2016
  5.  Subscribe via email
Hi Ciarán,

thanks for helping so quick! one more question ... I'd like to use a smaller size of the logo for the portrait phone version.

I tried the following code:

@media only screen and ( max-width: 440px ) {
.logo span {
background-image: url("/images/sct/sct_logo_klein.png";);
background-repeat: no-repeat;
height: 65px;
width: 75px;
}
}

@media only screen and ( max-width: 440px ) {
.logo_container, h1.logo, h1.logo a, #logo {
height: 70px; !important;
}}

The container resize worked, but the logo is still the normal size. please see attached pics. the logo should be within the background picture, not over the yellow bar.

Thanks in advance for your efforts!

kind regards, Marion
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marion

To resolve try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


@media only screen and ( max-width: 440px ) {
.logo img {
width: 110px;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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