• Resolved Gecko

    (@gecko1952)


    I want to increase the size of my Logo in the branding section. My Logo size is 730px × 249px but it is being scaled to 400px × 136px. I have tried a suggested fix of adding the following to the Customize css section.
    .site header .title-area { width: 100%; }
    However there is no change in the scaled sizing when doing so.

    So how to I stop the resizing of my logo?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hey there Gecko,

    Hope you’re well today!

    This should be possible to fix with some custom CSS. Please try adding the following CSS code to Appearance >> Customize >> CSS:

    .title-area a img {
    width: 730px;
    height: auto;
    }

    This should resize your logo to the desired dimensions. If this doesn’t work could you please post link to your site so I can take a look?

    Best regards,
    Bojan

    Thread Starter Gecko

    (@gecko1952)

    Thanks Bojan however that did not resolve this issue.
    I had previously tried

    .site-header .title-area img { width:730px; }
    .title-area img { width:100%; }

    With no luck either.

    The site is in development at the following URL

    Thread Starter Gecko

    (@gecko1952)

    Hey there Gecko,

    Working with Bojan here.

    Try this one:

    .title-area {
    	width: 730px
    }

    Let me know if it helps! 🙂

    Take care,
    Calvin

    Thread Starter Gecko

    (@gecko1952)

    Thank Calvin 🙂

    That’s it I can now control the width of my logo.

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

The topic ‘Increase Logo size’ is closed to new replies.