Need to reduce size of header logo

  • Resolved gillpuzey

    (@gillpuzey)


    8 years, 6 months ago

    After days of searching forums and trying suggested CSS updates posted by others, plus uploading various image sizes ….. I am now desperate.
    I seem unable to alter the size of my header logo image. I have tried a few different themes (all of which are the latest version) but the issue is the same in all of them. My preferred theme is Evolve.
    The logo displays as too large (by that I mean it stretches the header to about half the height of my laptop screen).
    I haven’t published the website yet so have no link to post.
    Can anybody help?

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

  • Hi,

    There are 2 options:
    1. Resize your logo first before upload. Recommended height 40px – 60px.
    2. You can use custom css in theme option to reduce your logo image size.

    Here is the css code:
    #logo-image { max-height: 40px; }

    You can change the value. I give you an example “40px”.

    I prefer the first one because load smaller image can speed up the page load.
    But it’s up to you.

    Thread Starter gillpuzey

    (@gillpuzey)

    Hi
    thank you, thank you, thank you! I just downloaded a picture editor, resized my image and …. perfect! Thanks also for the css code, though, as I’m sure it’ll get used at some point.

    Thread Starter gillpuzey

    (@gillpuzey)

    Hi
    thank you, thank you, thank you! I just downloaded a picture editor, resized my image and …. perfect! Thanks also for the css code, though, as I’m sure it’ll get used at some point.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need to reduce size of header logo’ is closed to new replies.