WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. rascar
    Member
    Posted 1 year 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 1 year ago #

    Try

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