Hi WhiteX3, can share how did you solve the issue?
I’ve been trying to fix this responsive header for the past week and I am still stuck.
On my phone, the bg is not even resized at all. But on my desktop, when i scale the window down, it works.
Please help.
Hey, FortuneSix. To be clear, I haven’t yet figured out the background issue. I was having a different problem where an unknown element was hiding my content behind it. I solved that problem.
At this time I’m still having the same bg problem that everybody else seems to be having with non-responsive background image (body.custom-background). for now I just set the rule {background-image:none; background-color: #333;} for screens less than 400px. That is until I can figure out a better way or somebody at themeisle will help.
Hello,
You can try this CSS.
@media (max-width: 767px){
body.custom-background {
background-size: 100% 70%!important;
background-position:100% 70%!important;
}
.home .header {
height: 400px!important;
}
.header-content-wrap {
padding-top: 18%;
padding-bottom:18%
}
.intro-text {
font-size: 21px;
}}
I hope it will work. If not then please share your website link with background image active.
Thank You.
Hi, I am having the same issue discussed in this thread and tried gouravwptech’s code.
It has actually made it the correct size on the iphone 4s screen but the image is no longer displayed, just grey block instead.
I have tried smaller (and larger) versions of the image but still the same result.
http://www.allsortsberks.co.uk
Please could you advise. Many thanks
(I am using a child of the zerif lite theme)
I am having the same issue. I have checked this in Sony Experia Z3, iPad and iPhone. My site is http://www.kravk9.com Please advise.
@kravk9: If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s.
