[Glen Pavelich]

It seems the WordPress ‘Header Media’ option doesn’t display a header with this theme.
I am using the theme Options ‘featured slider’ below the menu, but I’d like to opt for the media option for a banner ‘above’ the menu in place of logo etc.

[Skandha]

@fireflywebs: Hello there,
The Header Media option is available in the theme.

Go to => Appearance => Customize => Header Media

Do you have this option in the customizer?

Kind Regards,
Skandha

[Glen Pavelich]

Yes it is there. See screen shots. I even removed the Header Right Sidebar widget, but no header appears.
I also disabled the feature slider to see if that would allow it to show, but it didn’t

I’m pretty sure the default header was there when I began the new site, but I have no idea what caused it to dysfunction.

https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/HeaderMediaEnabled.jpg
https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/HeaderMediaEnabled2.jpg

[Skandha]

@fireflywebs: Hello there,
This seems to be a bug in the theme which has been fixed and an update will be released soon. Thank you for reporting the issue.

Kind Regards,
Skandha

[Skandha]

@fireflywebs: Hello there,
The update has been released. Please update the theme and let me know if the issue is resolved.

Kind Regards,
Skandha

[Glen Pavelich]

Yes, it resolved, but can you tell me please how to resize the header media.
It defaults to full size no matter how narrow I make the banner image, or how I crop it.
This is still on my wamp server so I can’t give you the url.
I would like the header only 210px tall.
The recommended dimensions is 1920 × 822 pixels
I would like mine approx 814 by 207 pixels (so that I may be able to use the right header sidebar.) At this point at any width (see below) the right header sidebar appears above it, even if I add additional CSS

.header-media .wrapper {
width: 70%;
}

OR
.fluid-layout .header-media .wrapper {
max-width: 70%;
}

G

[Glen Pavelich]

I realize now that the right header sidebar is in the logo row and not in the header media row.

However, #1) if you can provide css for the above question about header media size that would be very helpful.
But now there is a second question.
#2) Is there a way to maximize the width of the logo position? I could us this space perhaps for a smaller version of what I have in mind.

[Glen Pavelich]

To accomplish this result using the logo position and Right Header Sidebar (see image)
https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/LogoPositionAndHeaderRightSidebar.jpg

I used

.sidebar-header-right {
margin-left: 20px;
margin-right: 40px;
}
.site-branding {
width: auto;
}
.custom-logo {
max-width: 100%;
}

But this won’t do when it comes to smaller screens.

So did some media queries.
/** media queries
***********************/

@media only screen and (max-width: 1680px) {
.site-branding {margin: 14px 40px 14px 20px;
}
.custom-logo {width: 100%;
}
.sidebar-header-right {
max-width: 20%;
padding: 0px;
margin: 14px 20px;
}
******************
}

@media only screen and (max-width: 1366px) {
.site-branding {
margin: 14px 0px 14px 10px;
}
}
*************************

@media only screen and (max-width: 1280px) {
.custom-logo {
width: 100%;
}
.sidebar-header-right {
max-width: 20%;
padding: 0px;
margin: 14px 20px;
}
}

Still need your help with the header media in case we decide to use that instead. That is, making it not default to full size. (See previously on this ticket)

G

[Glen Pavelich]

To summarize here
Looks like we are going to need to us the header media
so
can you tell me please how to resize it. It defaults to full size on the front end no matter how narrow I make the banner image, or how I crop it.

[Skandha]

@fireflywebs: Hello there,
Can you please add the Header Media of you choice and let me know so that I can look into the issue and provide you the necessary CSS Code?

Kind Regards,
Skandha

[Glen Pavelich]

You are hours in time zone difference. Are you still there now. If so I can do this temporarily.

G

[Author]

Posts