WordPress.org

Forums

Path
[resolved] Logo size fine, but mobile gets eggshape (4 posts)

  1. rascar
    Member
    Posted 2 years 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/

  2. Sami Keijonen
    Member
    Theme Author

    Posted 2 years ago #

    Try

    #branding img {
    	max-width: 420px;
    	height: auto;
    }
  3. rascar
    Member
    Posted 2 years 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.

  4. Sami Keijonen
    Member
    Theme Author

    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.