Header image not responsive on iPhone (Android ok!)

  • I have a huge problem with the mobile version of the theme: the header image ist totally fine in Android phones, but the iPhone version simply does not resume to the display size, only a small piece of the image is shown. This is really weird! Any ideas how to fix it? Tried everything with CSS but nothing worked.

    I like the theme, but with this bug it doesn’t make sense.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hello,

    Can you please share your site url so that I can help you with some suitable CSS for adjusting that?

    Looking forward for your reply.

    Thank you.

    Hello,
    I have the same problem with the blog on Delicious Theme. Could you please help me with advice or… if you could help me to fix it, it would be great! Thank you.

    Hello,

    it will be my pleasure helping you. Please share your site url so that I can check the exact issue and help you with the suitable CSS.

    Looking forward for helping you.

    Thank you.

    https://www.receptyzpostele.cz
    Thank you SO MUCH! ??

    Hello,

    You can not see the image responsive as it is a parallax image.

    For adjusting that, you need to add the following CSS in the Custom CSS for your theme:

    .home .banner {
    background-size: 100% auto !important;
    background-repeat: no-repeat;
}
@media screen and (max-width:848px){
.home .banner {
    padding: 55px 0;
}}
@media screen and (max-width:548px){
.home .banner {
    padding: 25px 0;
}}

    Hope that helps.

    Thank you.

    Thank you so much. It seems to be okay now! ??

    Thank you for letting me know. ??

    Hello,
    I′m so sorry, I was wrong. It still isn′t right. Could you help me once more, please. The picture in the header (which is also the same as the main picture for the post) is still invisible in iPhone and iPad. Thank you!

    Hello,

    I have tested your site and it seems you are not using the above CSS now, but some other code for background position which seems doing the job fine.

    If you need any further help, let me know.

    Thank you.

    Hello,

    thank you so much for your help. I tried to fix it. Can you please tell me, if I was successful? Because I don′t think so (pictures are still hidden) … if you could help me with instructions, I would be grateful.

    Thank you so much!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Header image not responsive on iPhone (Android ok!)’ is closed to new replies.