[w1ck]

Hello,
is it possible to change responsivity of header image to make it more visible on mobile phone? Not just the middle strip. I guess Catch Inspire pro have it right.
Thank you. M.

[Skandha]

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

Kind Regards,
Skandha

[w1ck]

Sure, its vyneskos.cz

[Skandha]

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

@media screen and (max-width: 700px) {
	.custom-header .wrapper::before {
    	background-image: unset;
    }
    .has-header-media .custom-header-media .wp-custom-header img {
    	display: block;
    }
    .custom-header-content {
    	background-color: #000;
    }
}

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

[w1ck]

Thank you, but it is kinda weird. Can we fix that stripe at the bottom?
The background-color is changeable okay, but that stripe is disturbing. Is that because of the image is repeated or .custom-header .wrapper:before is doing some bad things :].

Anyway ty @Skandha

[Skandha]

@w1ck: Hello there,
Can you please clarify which stripe you are referring to?

Kind Regards,
Skandha

[w1ck]

yes, its right at the bottom of black background.
I’ve uploaded 2 screens, one from mobile phone and one from chrome devtools

[Skandha]

@w1ck: Hello there,
Please try using the following CSS Code.

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

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

[w1ck]

@Skandha its perfect! Thank you very very much!

[Skandha]

@w1ck: Hello there, 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/corporate-biz/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

[w1ck]

Hello, I would like to, but nothing happens when I click on “Add you own review” button. Also I can’t create topics here. :/

[Skandha]

@w1ck: Hello there,
You will need to first create a wordpress.org account and then login to your account to be able to create topics or add a review.

Hope this helps you out!
Kind Regards,
Skandha

[w1ck]

Hello again, thanks for wp account info, but I’ve found some bug or something in your css you gave me before. I’ve changed header photo recently and after that, when I load the page on pc in two monitors, one with 1920×1280 resolution and second with 1280×1920 resolution. I have only 2/3 of photo. Images to see included. Also its live on vyneskos.cz Can you help me?

[w1ck]

@Skandha links fixed :] sorry

[Skandha]

@w1ck: Glad you figured it out. Have a good day! 🙂

Kind Regards,
Skandha

[w1ck]

@Skandha no, in post #287323 ive sent you two images with 2/3 height but with bad image link, link is fixed (images are showing) but the header it is still doing that, but only sometimes. I dont know how to describe that problem. If i force reload page in chrome i have perfect image, but in firefox is 2/3 of it… As the images shows in post #287323. :/

[Skandha]

@w1ck: Hello there,
Are you having issue with the image size? I checked yours site on both Google Chrome and Mozilla Firefox and it seems to be displaying the same size.

Kind Regards,
Skandha

[w1ck]

@Skandha Hello,
yes sometimes it displays whole, but sometimes like this. And it is not only on my computer, it is on others too. The image is not whole. When i comment the changes you gave me it is everything all right.
Thanks for you help

[Skandha]

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

.home .custom-header {
    min-height: 100vh;
}

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

[w1ck]

@Skandha It’s gooooood! Ty :]

[Author]

Posts