Docs

[ravivs]

What is the recommended logo size for Renew? I have a logo 1500×1500 that I am trying to add to my site and it keeps expanding the header. What am I doing wrong ?

I would like to keep the header size default but make the logo bigger and place it in the correct location for all screen sizes.

Any help is appreciated.

[ravivs]

This reply has been marked as private.

[Joao]

Hi There,

There is way too much transparent space around your logo image.

Check how bit it is: https://www.unitedethiopiantegaruworldwide.org/wp-content/uploads/2017/03/Logo.png

I have edited it for you and re-uploaded. Please download the file attached and use it instead.

You can than on Appereance > Customizer > Header adjust the logo size by entering the width desired.

Hope it helps

Joao

[ravivs]

Thank you for a fast response.

I have followed your suggestion and it is much better, But if I reduce the width of the logo to maintain the header size, the logo is no longer readable.

[Joao]

Hi There,

You can try 100px or 120px instead.

Now I technical critic, that I know might be out of your control, but from a Designer point of view your logo image doens´t have quality to be a logo image. One of the main things that characterize a good logo image for example, is the fact that you can re-size to small sizes and it is still recognizable and legible. Take as en example, Macdonalds, Nike, Addidas, Apple Logos

They are all very simple one color flat images so they can be re-sized without being distorted. If you do have an option I would reccomend you to redesign your logo. But if you cant do that, and it is totally understandable if you can´t, you need to think about what will be your design approach for it.

My suggestions would be 1 of those 3, I personaly believe I would go for the 3 option:

1- Resize until you find a size you are sastisfied with.

2- Go to Appereance CUstomizer Header and change it for Stacked.

3- Leave as it is and add the following code to Appereance Customizer Custom CSS and add the following code:

.x-brand img {
    width: 120px;
    margin-bottom: -60px;
}

After go to Appereance CUstomizer Header and ajdust the Top link Spacing to align the links to center.

This third option your logo will flow out of the navbar.

It looks kind of ok…but it is really up to you.

Let us know if you have further questions.

Joao

[ravivs]

Thank you for your help. I have gone with the 3rd option until I can get the logo redesigned.

I have another Question. The button colors for woocommerce I setup through X are not showing up. Instead all buttons are white and cannot be seen.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.product .button {
    color: red;
    border-color:red;
    background-color:#fff;
}

Hope that helps

[Author]

Posts