How to make the logo bigger

[Schenso]

Hello!

Probably a simple solution but i cant find it..

How can i make the logo bigger on the main page? When i upload my own logo in “Logo Settings” it stays small..

[Foster]

Hi,

Please navigate to Claue Theme Options / Header, you can adjust it in Logo Max Width field

Cheers,

Foster

[Schenso]

Thx for the fast reply!

I changed the logo max width field.. but it i cant get it bigger. I have the logo on the left side…

BUT, when i have my logo in the middle of the screen i can change the size.. that’s weird

[Foster]

Hi,

Could you please give me your website URL to check this issue?

[michylee]

Hi!

I have the same issue, with Claue. I can’t make bigger the logo. I already tried to increase logo width (also uploaded bigger logos) but… without success.

Thanks!

[Harry]

Hi Michylee,

Could you tell us which layout of header you’re using? It’s better if we can check on your site.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[michylee]

This reply has been marked as private.

[Harry]

Hi Michylee,

Sorry because inconvenience, the header layout 2 have left menu and right menu (if have more menu items the layout will break) so we have to limit width of logo.

You can change header layout to another or after change menu item with your we will check and help you increase width of logo.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[michylee]

Hi!

Thanks for your support.

I’ve set  layout 3. Let’s try this way! 🙂 I look for suggestions, please.

Thanks again.

[Foster]

Hi,
You can adjust the size of the logo in Theme Option.

[michylee]

Hi Foster.

Thanks for your suggestion but… i’ve already upload a bigger logo. But… it appears to fixed to 150px x 41,5px.

[Foster]

Hi,

It is the size of the Retina screen, you can use the CSS code below to adjust it

 
.retina-logo img { width: 200px; }

Cheers,
Foster

[michylee]

Thanks again.

But… i’ve put your advice in Custom CSS Style (in Theme Options) but… the logo still remain 150px x 41.5.

Argh, i don’t understand why, sorry!

[michylee]

This reply has been marked as private.

[Harry]

Hi Michylee,

To make logo on retina device bigger you have to upload logo size (600 x 166). On Retina device the logo size will scale to 1/2

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[michylee]

This reply has been marked as private.

[Harry]

Hi,

This issue because the javascript calculate height of header after window load now it doesn’t update. If you refresh the browser after resize or check on real device (tablet, phone) it will ok.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[michylee]

This reply has been marked as private.

[Harry]

Hi Michylee,

You can add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.header__mid .jas-col-sm-4.jas-col-xs-3 {
flex-basis: 16.666%;
max-width: 16.666%;
-ms-flex-preferred-size: 16.666%;
}
.header__mid .jas-col-sm-4.jas-col-xs-6 {
flex-basis: 66.666%;
max-width: 66.666%;
-ms-flex-preferred-size: 66.666%;
}
}

You can increase Logo Max Width number in Theme Option as you want

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts