Support » Theme: Path » Logo size fine, but mobile gets eggshape

  • Resolved rascar

    (@rascar)


    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)

    Try

    #branding img {
    	max-width: 420px;
    	height: auto;
    }
    Thread Starter rascar

    (@rascar)

    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)

    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.