[Henry Scullion]

Hi, I’m having an issue with the Header image on my site being unresponsive across devices.

It just stays the same regardless of device. I’ve tried applying the solution posted with the custom CSS from another user, however it has not worked (pasted below).

URL – absolute-pants.com

Can you please help?

Thanks

Henry

.has-header-image .custom-header-media img {
position: unset !important;
padding-bottom: 0 !important;
}

@media screen and (min-width: 1200px) {
.has-header-image .custom-header-media img {
position: fixed !important;
}
}
.custom-header-media {
position: relative !important;
}
.has-header-image .custom-header {
height: unset !important;
}

[Skandha]

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

.home .custom-header {
	min-height: unset;

}
.no-header-media-text .custom-header {
    min-height: auto;
}
.custom-header::before {
	display: none;
}
.custom-header .custom-header-media img {
	display: block;
}

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

[Henry Scullion]

Hi Skandha, that’s great, it fixed the header image 🙂

Is there any code I should remove as a result of adding this code?

Is it possible to help with having responsive images in the main body of the site also as I’m having the same issue?

Thanks,

Henry

[Skandha]

@hscullion: Hello Henry, You don’t have to remove any code.

I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/simclick/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts