How do you decrease header height in Talon?

Hi There

I really need to decrease the Header area so that the image isn’t covering the whole page. It just needs to look like a standard Hero Banner.

How is this done using the Talon Theme?

I did see one thread here on this here, but no solution was given.


Hello there,

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

    @media only screen and (min-width: 992px) {
      .main-slider-box .slick-list {
        height: 400px !important;
      .main-slider-caption {
        top: 20%;