Education Pro Custom Logo/Header

[Matt G]

Hi,

Attempting to alter the default size of the header image with Education Pro. I can handle the functions.php edits to adjust the container size as well as — from what I can tell — the necessary style adjustments on line 502 of the style.css document.

You can view a live preview here and see the container is not adjusting to fit the content and additionally breaks on mobile conversion.

I've poured over the suggestions in other threads and on the internet in general and need a 100% solution to:

1. Increase the header image/logo area
2. Ensure that the increased size of header image/logo area maintains it's responsiveness in respect to default breakpoints

Thanks,
Matt

http://www.nfusestudio.com/dev/estrella/

[Lorraine]

Hi, you need to adjust the minimum height of the header as you dont have anything else increasing it. Changing as below solves the issue.

.site-header {
  background-color: #fff;
  border-top: 3px solid #e44a3c;
  box-shadow: 0 3px rgba(70, 70, 70, 0.05);
  min-height: 180px;
}

[Matt G]

Hi Lorraine,

Thanks. I've made the adjustment to the .site-header. Things look ok now but I need to QA the responsive side of things to control the header logos new dimensions on smaller screens. As it is now, the header does not respond to breakpoints.

Tips?

Thanks,
Matt

[Author]

Posts