Withe Space between slider and menu, and adapt the slider to mobile

I have been trying to adapt my page to mobile, but the slider doesn’t work. It makes the photo too small.

As well I have a withe space that i cant fix, i had tried with css from other people but still don’t work, this is my page

Hi,

As checked with my web browser’s tool, I found the below additional CSS code fixes the spacing issue partially.

    .home .header-slider {
        margin-top: 94px;
    }

You’ll need to replace it with the below code as the header height changes on smaller screens.

    .home .sydney-hero-area .header-slider {
    	 margin-top: 0;
    }
     @media only screen and (min-width: 992px) {
    	 .home .sydney-hero-area .header-slider {
    		 margin-top: 117px;
    	}
    }
     @media only screen and (min-width: 1200px) {
    	 .home .sydney-hero-area .header-slider {
    		 margin-top: 79px;
    	}
    }

I hope this reply helps.

Regards,
Kharis
aThemes Support

1 Like

THANKS! It worked well

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support