[Courtney Holland]

Per the suggestion in the description, my header media for my landing page is 1920 x 1080. The desktop viewing of the landing page is fine, however when I try to view the landing page on my mobile device or tablet, 3/4 of the header (including the name of the business) gets cut off.

The only recent workaround I’ve found is to turn my device landscape, but I can’t assume that other end users will be as instinctive as me.

Are there any fixes for this? This theme has cause more harm than it has good. I’ve been up for at least 12 hours trying to create work-arounds for all of the inconsistencies that are built into this theme.

[Skandha]

@hollandcourtneyg: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[Courtney Holland]

http://www.edhollandvo.com

[Skandha]

@hollandcourtneyg: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#wp-custom-header img {
    display: none;
}
.custom-header .wrapper::before {
	background-position: left top !important;
}

Let me know if this solves your issue.
Kind Regards,
Skandha

[Courtney Holland]

Didn’t work — image here

[Skandha]

@hollandcourtneyg: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header .wrapper::before {
    background-image: unset;
}
#wp-custom-header img {
    display: block;
}
.custom-header, .top-playlist-enabled.has-header-image.home .custom-header-media, .top-playlist-enabled.has-header-video.home .custom-header-media {
	height: auto !important;
}
.has-header-image .custom-header-media .wp-custom-header img {
	position: relative;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts