Please visit my clients site: http://www.westedgedesignfair.com
When I first designed this site the mobile and iPAD view were fine. With the latest theme update the logo (which is long) gets squished on the iPad and Mobile views. Is there a short code fix? Thank you! Jojo
Hey!
I’d suggest you to use another (shorter) logo for mobile, you can do that with CSS:
@media only screen and (max-width: 989px) {
.logo img {
opacity: 0;
}
.responsive .logo a {
background-image: url("mobile_logo_url_here");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
}
Cheers!
Josue
Josue,
Check it out. The mobile logo wont resize. I tried it 290 pixels wide, 240 ( what it is now), 150 and 75. The logo stays the same size just gets blurry when I go smaller in width.
http://www.westedgedesignfair.com
Thank you!
Jodie
Hi Jodie!
Use this code:
@media only screen and (max-width: 989px) {
.logo img {
opacity: 0;
}
.responsive .logo a {
background-image: url("http://westedgedesignfair.com/wp-content/uploads/2014/09/westedgedesign-logo-240.png");
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
width: 200px !important;
}
}
Regards,
Josue