Logo Size

Shapely
1

Hello,

I recently started building my new website and I chose Shapely v. 1.1.2 as my theme. It looks very promising!

However, I have no clue how to change the size of the logo, which appears very small, even though the source image has a good resolution. I tried a piece of CSS found on the forum and widened the whole header, but the logo itself remained small.

You can find my site here - andrei-badea.com - work in progress.

Thank you very much!

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to increase the logo height by going to Appearance > Customize > Additional CSS and pasting it there.


/*Logo height*/
.logo {
    max-height: 100%;
}

Best Regards,
Support

3

Hello,

Thank you, now the logo is as wide as the header. However, it won’t go past 55px wide, regardless of the header width - is there any way of making it even wider?

4

Hi there,

Thanks for keeping in touch with us.

Making the logo wider will essentially break the aspect ratio of the image, however, if you’re okay with that you may add this to the current CSS that you’re using for the height:

width: 60px!Important;

Of course, you can change the width to the width you’d like to have.

Outside of that, to make the logo bigger, you’ll have to make the entire header taller, which would require the CSS below:

.nav-bar .row .left {
height: 70px!Important;
}

After doing this, you could replace the code previously given for the logo with this:

.logo {
max-height: 70px!Important;
height: 70px!important;
width: auto!Important;
}

Always ensure that the height in the nav bar code matches up with the heights in this one.

I hope this helps :slight_smile:

Best Regards,
Support