Audioman Pro Header Media Not Responsive with Mobile

This topic has 5 replies, 2 voices, and was last updated 3 years, 6 months ago by Skandha.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
May 3, 2021 at 4:16 pm #281221

Courtney Holland
Participant

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.

May 4, 2021 at 12:53 am #281239

Skandha
Participant

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

Kind Regards,
Skandha

May 4, 2021 at 9:45 am #281273

Courtney Holland
Participant

http://www.edhollandvo.com

May 5, 2021 at 5:29 am #281338
Skandha
Participant
@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
May 14, 2021 at 8:07 pm #281977

Courtney Holland
Participant

Didn’t work — image here

May 18, 2021 at 8:38 am #282250
Skandha
Participant
@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