Hi,I like to have a smaller logo version on the phone portrait size. I found several postings and put this in the responsive phone portrait custom css:
/*This section scales the logo container to 310px on screens less than 440px to solve the horizontal scrolling problem */
@media only screen and ( max-width: 440px ) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 310px !important;
}}
and this:
.logo span {
background-image: url("http://www.magenta.or.at/images/slogan-klein.png"
background-repeat: no-repeat;
height: 76px;
width: 310px;
}
}
With the first version there was no change at all. with the second version the big logo disappeared but the small one didn't show up. Of course I checked the the path to the picture on the server, it is correct.
Do you have in idea? thank you, Marion
- salinger
- Commercial Templates
- Tuesday, 30 September 2014
- Subscribe via email
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!