Fully responsive header

Hey,
I am working on a page for a local conference. Some people are not happy with the only partially responsive header.

http://wip.h-cit.com/
http://wip.h-cit.com/?page_id=131

In the width-range from approximately 1200 to 1920, the header does not shrink in a fluid manner. The slider and header-image stay at 1920 until I reach 1200px.

I already tried to override that in the child-theme:

style.css

.header-image {
	width:100% !important;
	display: none;
	position: relative;
	height: 300px;
	background-position: center;
	background-size: cover;	
	background-repeat: no-repeat;	
}

.header-inner {
	width:100% !important;
	display: none;

header.php


<div class="header-image">
		<?php sydney_header_overlay(); ?>
		<img class="header-inner" src="<?php header_image(); ?>" width="100%" alt="<?php bloginfo('name'); ?>">
	</div>

Hello there,

Please refer here. I thought it is a quite similar objective.

Maybe you would do adjustment in the media viewport width.

@media only screen and (max-width: 980px){
 /* Style rules go here */
}

Regards,
Kharis

Hm, I tried it, but it did not work.

added this to the child theme style.css

	@media only screen and (min-width: 1930px) {
		.header-inner {
			width:100% !important;
			height: 100% !important;
			display: none;
		}
		
		.header-image {
			width:100% !important;
			height: 100% !important;
			display: none:
		}
	}

I’m having problems with my sites slider images…
they’re not appearing anymore after installing the Sydney child theme!
please help…

Here’s a link to the web

http://www.thewebville.gq/