Logo size — Monochrome Pro 1.6.0

[karlloveless]

I and others still seem to have unresolved problems with resizing a logo. In my case I want to increase the logo size to 450 x 150 or thereabouts.

Brad Dalton had previously posted (before 1.6.0 arrived):

> Loom under the Site Header section in your style.css
> file and change the value for the min-height: 80px;

(80px was in response to a previous poster wanting a 74px height)

In my case, I've set the height to 150px and also tried 180px — unsuccessfully.
The Site Header section in style.css starts at line 1264. Line 1270 is:

min-height: 180px;

Brad Dalton also posted in that previous thread:

> config > theme-supports.php lines 23 and 24 which is
> like custom-header in functions for older versions.
> That set's the size for uploading/cropping your image
> then the next step is to modify the CSS to match your
> logo size. Look under the Title Area section in style.css.

Question: In the stock setting, are lines 23 and 24 supposed to be width and height? Are flex-height and flex-width to be left as true?

My theme-support.php file (stock 1.6.0 setting) has as lines 21 through 26:

'genesis-custom-logo' => [
'width' => 320,
'height' => 120,
'flex-height' => true,
'flex-width' => true,
],

which makes lines 23 and 24 as height and flex-height.

I've changed the width and height to 450 and 150 and have uploaded and inserted a logo sized exactly as that. No success EXCEPT that the header height does increase appropriately and yet the logo size (and any alternative image) remains at 320 x 120.

In Customize > Site Identity > Change logo > Select Logo > Crop Image, the cropping size (450 x 150) appears correct. Alternative images appear to crop to the correct size aspect ratio and size, but still no cigar.

All plugins are deactivated except for Genesis Blocks 1.2.1. Caches are cleared. Multiple machines and browsers show no success.

http://karlloveless.review/ross

[Victor Font]

Your logo size is controlled by this CSS at line 1347 in style.css:

.site-header .custom-logo-link .custom-logo {
    height: 50px;
    width: auto;
}

Change the height here to 150px and you should be good.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Chris A.]

When I plug this code into my "Additional CSS," nothing happens.

Please advise.

Thanks,

Chris

[AnitaC]

@hchrischrisallen-com did you change the size in the functions.php file as noted further up the page? Provide a link to your website.

---

Need help with customization or troubleshooting? Reach out to me.

[annemcl]

If anyone is still looking for a solution, I used a combination of styles that worked for my site:

Go to Appearance > Customize > Additional CSS and add the following styles:

.site-header {
min-height:130px !important;
}

.site-header .custom-logo-link .custom-logo {
height: 100px !important;
width: auto;
}

Adjusting the height to whatever you require. The first style sets the height of the header bar (usually white area), and the second style height value is the height of the logo contained within the header.

[Nelson Briggs]

Hi annemcl,

This combination styles works great. Thanks for sharing!

Nelson

[rwilliams311]

None of the above seems to be working for me. Is there a different way to increase the logo size that consistently works?

[Author]

Posts