Logo size fine, but mobile gets eggshape | WordPress.org

Resolved rascar
(@rascar)

11 years, 1 month ago
I did a logo-size modification thanks to advice in a previous thread. That included a line that skipped the tagline. This code was entered in style.css.
```
#branding img {
	width: 420px;
	height: 140px;
}

#site-title {
    width: 100%;
}

#site-description {
    display: none;
}
```
Works fine for normal browsers (IE, Chrome etc) but looking in mobile it gets distorted. Here’s how it look in iPhone. First the eggshape (portrait mode, 1st link) then ok in landscape mode (2nd link). iPad is 100% ok.

http://volvop1800club.se/00WP/tempImage/bild1.PNG

http://volvop1800club.se/00WP/tempImage/bild2.PNG

Any possibility to fix this? I am using a child theme.

Site prototype is here: http://volvop1800club.se/00WP/

Viewing 3 replies - 1 through 3 (of 3 total)

Theme Author Sami Keijonen
(@samikeijonen)

11 years, 1 month ago
Try
```
#branding img {
	max-width: 420px;
	height: auto;
}
```
Thread Starter rascar
(@rascar)

11 years, 1 month ago

Thanks again Sami. That solved it for iPhone/Safari and a Android LG phone i tested. Problems remain for iPhone/Chrome (unusual combination probably, but the one I use). I mark it as solved but if there’s a more generic solution I’d love to know about it.

Theme Author Sami Keijonen
(@samikeijonen)

11 years, 1 month ago

Try without #branding img css. I don’t actually see why that’s even added.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Logo size fine, but mobile gets eggshape’ is closed to new replies.

In: Themes and Templates
3 replies
2 participants
Last reply from: Sami Keijonen
Last activity: 11 years, 1 month ago
Status: resolved