Reply To: Mobile responsive logo issue

Hi Wes, I’ve tried adding in the css below – at the end of the style.css file in the following places, but nothing seems to make any difference. I would appreciate any help you can give me as we have a potential client looking at our website later in the week and this could be a killer for us. I’m not very good at the coding, so if you could please be very specific about placement (before this and after that) I would be very grateful.

Thanks
Leanne

FIRST ATTEMPT
@media only screen and (max-width: 480px) {

.site-header {
width: 100%;
}

.content .portfolio {
text-align: center;
width: 100%;
}

.content .portfolio .post-image {
width: 100%;
}

.content .portfolio .more-link {
margin: 20px auto 0;
padding: 6px;
width: 60%;
}
.site-title a {
background-size: contain !important; }

}

___________________________________________________________________________________________________

SECOND ATTEMPT
Also in the iphone section
.plan-col,
.plan-col-popular {
float: none;
margin: 0 auto 40px;
width: 80%;
}
.site-title a {
background-size: contain !important; }

}