Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #162360 pw: yellowsky

    In mobile portrait and landscape, the logo is displaying at size. Can I insert any responsive code that will allow it to display at say 80% of the screen width in mobile?

    I have tried this (but it didn’t work):

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    .responsive h1 .logo {width:80%;} /*added */



    I should add that I’m checking on iPhone; don’t know what it’s doing on Android…



    This will do it:
    @media only screen and (max-width: 479px) { h1.logo img {width: 80%} }
    However that will stretch the logo to 80% of container width, not the screen, i’d recommend using 100% width instead.



    PERFECT! thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘h1 logo too large in mobile landscape and portrait’ is closed to new replies.