Logo size on Mobile

  • Resolved ellacopter

    (@ellacopter)


    7 years, 8 months ago

    When being viewed on mobile, my website’s ( https://www.audioplus.co.uk ) logo doesn’t “fit” on the page properly. Is there a way of getting it to resize properly so it fits within the page parameters?

    Thanks

    I’m using a twentyeleven child theme.

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

  • In your child theme’s style.css there is this section, near the top:

    h1#site-title img{
width: 404px;
height: 125px;
}

h1#site-title {
margin-right: 270px;
padding-bottom: 0em;
padding-left: 0;
padding-right: 0;
padding-top: 1.5em;
}

    Change it to:

    /*Site Title*/

h1#site-title img{
    width: auto;
    height: auto;
    max-width: 100%;
}

h1#site-title {
    margin-right: 0;
    padding-bottom: 0em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.5em;
}
    Thread Starter ellacopter

    (@ellacopter)

    Thank you so much, Jacob. It worked perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo size on Mobile’ is closed to new replies.