Logo Comes Out Very Small

  • Resolved junkofdavid2

    (@junkofdavid2)


    4 years, 8 months ago

    Hi guys/gals!

    I dunno what I’m doing wrong… I have a relatively large logo image size, but it comes out very small or too small on the page itself.

    I did try adding CSS “copy and paste” solutions I found elsewhere in these forums (but maybe for other themes), and it doesn’t work so far.

    Any advice?

    The page I need help with: [log in to see the link]

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

  • Your logo is 320 x 213 px.
    However: your stylesheet style.css defines:
    .header .logo img {
    max-height: 80px;
    width: auto;
    }
    So try to override the style.css

    Thread Starter junkofdavid2

    (@junkofdavid2)

    Thanks! Seemed to work…

    Take care: now you’ve changed the style into:
    .header .logo img {
    max-height: 130px;
    width: auto;
    }
    By doing this, you’ve got a higher header.

    Just the header is defined by your style.css as:
    .header {
    padding: 70px 0;
    }

    If you only want a bigger logo, but the same header-measurements, you could change the header-paddings, or add something like
    .header {
    max-height: 200px
    }

    I’m not an expert in CSS, so try

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo Comes Out Very Small’ is closed to new replies.