- This topic has 27 replies, 2 voices, and was last updated 2 years, 11 months ago by
w1ck.
-
AuthorPosts
-
July 19, 2021 at 10:41 am #286631
w1ck
ParticipantHello,
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 #286660Skandha
Participant@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 #286670w1ck
ParticipantSure, its vyneskos.cz
July 21, 2021 at 7:46 am #286754Skandha
Participant@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 #286755w1ck
ParticipantThank 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 #286800Skandha
Participant@w1ck: Hello there,
Can you please clarify which stripe you are referring to?Kind Regards,
SkandhaJuly 23, 2021 at 12:20 am #286809w1ck
Participantyes, 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 #286837Skandha
Participant@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 #286908Skandha
Participant@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 #286984w1ck
ParticipantHello, 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 #286999Skandha
Participant@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 #287323w1ck
ParticipantHello 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 #287437w1ck
Participant@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 #287467Skandha
Participant@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 #287473w1ck
Participant@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 #287477Skandha
Participant@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.