Header slider on Ipad vertical doesn't show up

Hey, www.ifinteriors.com here, for some reason, the slider in my header doesn’t work on the Ipad vertical, while it works fine on the computer, Ipad horizontal or Iphone. Can you tell me why and how I can fix it?


Please try this CSS code below, you can put it into Customize > additional CSS:

	@media only screen and (max-width: 1024px){
		.sydney-hero-area, .header-slider {
			height: 450px !important;


Thank you! I’ll give it a try.

Hey Could it be that there is one } too much on the bottom? I can’t look at the side at the moment inside the hostgator to see the changes I’m making.
Please help

The code is working. But looks like you need to add this code too to handle the issue on a mobile screen:

@media only screen and (max-width: 500px){
  .sydney-hero-area, .header-slider {
    height: 200px !important;

Hey, I’m designing a new website and would like to use the same Sydney Pro that I purchased earlier. How can I use it again?