Increase Logo Size in Header

  • Resolved rmtaylor34

    (@rmtaylor34)


    8 years, 6 months ago

    I need to increase the size of the logo in my Lyrical header (child theme of Primer) but have been unable to find the correct CSS to do so. I need it about 150% of its current size.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Evan Herman

    (@eherman24)

    8 years, 6 months ago

    Hi @rmtaylor34,

    I’m assuming you mean the widget text inside of your header. The text that says “Designed to be effortless.”.

    If that’s the case, you can increase the font size by adjusting the CSS for the .widget-title element.

    For example:

    .widget-title {
   font-size: 1.5em;
}

    Evan

    Thread Starter rmtaylor34

    (@rmtaylor34)

    8 years, 6 months ago

    Hi Evan,
    I’m referring to the TrailerWerks diamond-shaped blue and red logo in the top left of the page. I need to increase the size of that.

    Thanks,
    Ryan

    Evan Herman

    (@eherman24)

    8 years, 6 months ago

    Hi @rmtaylor34,

    Sorry – I missed that logo up in the header.

    You should be able to increase the size of the image by using the following CSS:

    .site-header .custom-logo {
   max-height: 80px;
   width: auto;
}

    You should be able to control the width of the image by altering the max-height value and leaving width to auto.

    Evan

    Thread Starter rmtaylor34

    (@rmtaylor34)

    8 years, 6 months ago

    Perfect now, Evan! Looks great on Desktop and Mobile. Thanks so much for your help!

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

The topic ‘Increase Logo Size in Header’ is closed to new replies.

Tags