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