- This topic has 27 replies, 2 voices, and was last updated 2 years, 9 months ago by w1ck.
-
AuthorPosts
-
July 19, 2021 at 10:41 am #286631w1ckParticipant
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.July 20, 2021 at 12:13 am #286660SkandhaParticipant@w1ck: Hello there,
Can you please post in your site URL so that I can look into the issue?Kind Regards,
SkandhaJuly 20, 2021 at 3:54 am #286670w1ckParticipantSure, its vyneskos.cz
July 21, 2021 at 7:46 am #286754SkandhaParticipant@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,
SkandhaJuly 21, 2021 at 8:40 am #286755w1ckParticipantThank 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
July 22, 2021 at 5:11 am #286800SkandhaParticipant@w1ck: Hello there,
Can you please clarify which stripe you are referring to?Kind Regards,
SkandhaJuly 23, 2021 at 12:20 am #286809w1ckParticipantyes, its right at the bottom of black background.
I’ve uploaded 2 screens, one from mobile phone and one from chrome devtools
July 23, 2021 at 4:51 am #286837SkandhaParticipant@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,
SkandhaJuly 24, 2021 at 4:47 pm #286901July 25, 2021 at 12:39 am #286908SkandhaParticipant@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,
SkandhaJuly 26, 2021 at 10:13 am #286984w1ckParticipantHello, I would like to, but nothing happens when I click on “Add you own review” button. Also I can’t create topics here. :/
July 26, 2021 at 11:51 pm #286999SkandhaParticipant@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,
SkandhaAugust 1, 2021 at 2:49 am #287323w1ckParticipantHello 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?
August 2, 2021 at 6:15 am #287427August 2, 2021 at 7:30 am #287431August 3, 2021 at 12:54 am #287437w1ckParticipant@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. :/
August 3, 2021 at 1:16 am #287467SkandhaParticipant@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,
SkandhaAugust 3, 2021 at 2:26 am #287473w1ckParticipant@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
August 3, 2021 at 2:34 am #287477SkandhaParticipant@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,
SkandhaAugust 3, 2021 at 6:50 am #287491 -
AuthorPosts
- The topic ‘Header image responsivity’ is closed to new replies.