Hi, i think you only checked the homepage. I cant say anything wrong with the homepage since i use the theme’s responsive slider that auto adjusts to all devices{i hope!}. The problem starts with the about us page to the last page on the menu. I tried targeting, for example the about us page, using the page ID to add a custom header image which is responsive and auto adjusts like this:
.page-id-32 .header-image{ background-image: url('http://url/image.jpg');
}
but it is not working. Any help will be greatly appreciated!
Hi,
You’re right, I was assuming you were using the same fullscreen image solution on all pages, sorry I misunderstood. 🙂
It looks like the image you want to be fullscreen is the background image I’m seeing in my browser, not the <img> in div.header-image, which has a lot of display: none rules set on it.
If that’s the case, what happens if you set the height of the div containing your header image (and it’s outer div) to 100vh? And turn off most of the other rules set on those two divs (except cover and the background-image)? When I do this in the browser inspector, it seems to get pretty close.
Johnna
