Adding Logo image in Header Lifestyle Pro

[SizzleMonkey]

Aloha Gang...
I have been trying to add a logo image to the header in the Lifestyle Pro theme.

I have followed the instructions in the theme documentation...I have adjusted the the image to the correct size...I have even tried changing the size of the add_theme_ support(custom-header) to accommodate a larger file...

The css min-height property is at 110px, but it is my understanding that that is the MINIMUM height. So if I were to put a larger image, it should adjust automatically correct? If I adjust it manually, to say 300px I can get the logo image I want to use to work...but that breaks the rest of the site.
It seems to me it should not be this difficult.

Any ideas or thoughts would be appreciated.

http://www.charleskburke.com/boj

[Lauren @ OnceCoupled]

It is the minimum height... but since you're using a background image, and not an HTML element, there's nothing that would force the area to be larger. That being said, it looks to me like you've got it worked out? I can see that the min-height is now set to 200px, and if I change it to 300px it doesn't appear to be breaking anything.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[SizzleMonkey]

Lauren,
Thank you so much for taking the time to help with my challenge. I appreciate you looking into it.
Yes, absolutely it was the min-height element.

This is from w3schools....

The min-height property is used to set the minimum height of an element.

This prevents the value of the height property from becoming smaller than min-height.

Note: The value of the min-height property overrides both max-height and height.

.....
The way I interpreted that was that it would automatically expand regardless of the content. So.....
....I learned something today....

Thank you again for taking the time. I appreciate it.

Best
Chuck

[Author]

Posts