Mobile page layout issues

Hi,
I’ve just installed Sydney pro II onto my site. Desktop looks great but my pages have a big white space when viewed on a mobile browser.

for example:
http://www.privatejethiredirect.com/about-us-2

Hello, it looks like you have added this CSS code:

	.roll-button {
		margin: 10px;
	}

	.roll-button.button-slider {
		margin: 5px;
		width: 195px
	}

	

	@media screen and (max-width: 1025px) {
		img.mobile-slide {display: none!important;}
		.sydney-hero-area, .sydney-hero-area #slideshow, .slide-item {
			height: 620px!important;
		}
		.text-slider .maintitle {
			min-width: 380px;
			background-position: center center;
		}
	}

	@media screen and (max-width: 550px) {
		img.mobile-slide {display: none!important;}
		.sydney-hero-area, .sydney-hero-area #slideshow, .slide-item {
			height: 420px!important;
		}
		.text-slider .maintitle {
			width: 80%;
			min-width:0px;
			max-width: 310px;
			min-height: 72px;
		}
	}

These parts seem to be causing this issue:

.sydney-hero-area, .sydney-hero-area #slideshow, .slide-item {
	height: 620px!important;
}
.sydney-hero-area, .sydney-hero-area #slideshow, .slide-item {
	height: 420px!important;
}

Kind Regards, Roman.

Hi Roman,

Can I separate the css? I need to header slider on the home page to have a height setting so that all 4 buttons are visible on a mobile screen. The other pages just use a static image so I can reduce the height there.

Please advise.

Thanks

Hello,

You can replace those parts of your additional CSS code with the following, in order to target only home page.

body.home .sydney-hero-area,
body.home .sydney-hero-area #slideshow,
body.home .slide-item {
	height: 620px!important;
}
body.home .sydney-hero-area,
body.home .sydney-hero-area #slideshow,
body.home .slide-item {
	height: 420px!important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

I did this but now all pages have 420px for the header area including the homepage. This works perfectly on mobile but not on pc where the home page slider is reduced.

Okay, I’m not sure what is your current issue.

Can you please provide some explanatory screenshots?

Kind Regards, Roman.