Smaller header slider

Hi,

I’ve just installed Sydney on a website i am building (mdvbeauty.co.uk) but i can’t find how to make the top slider smaller. The width is fine but i don’t want it take the whole of my screen when you load in the page. How can I reduce the height of the slider?

Thanks,

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-slider {
        max-height: 450px;
      }  
      .slide-inner {
        top: auto;
        bottom: 0;
        min-height: 50px;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);    
      }
    }

Regards,
Kharis

That works perfectly. Thanks!

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