Hi Francesco,

Thank you for your message.

You can reduce the header element that contain the logo and main menu by adding the following CSS to Appearance -> Customize -> Additional CSS:

/* Reduce logo and menu bar header height */
@media (min-width: 992px) {
    .main-navigation > li > a {
        padding-top: 38px;
        padding-bottom: 36px;
    }
    .header .header-wrapper .header-logo {
        height: 100px;
    }
}

The 38px, 36px and 100px values in above code can be decreased to your own needs to reduce the height.

To reduce the header element that contain the contact details you can add the following as well:

/* Reduce contact details header height */
@media (min-width: 992px) {
    .header-widgets .widget {
        padding: 30px 0;
    }
}

The 30px value in above code can be decreased to your own needs.

Hope this helps.

You're welcome!

This will be possibly by adding the following custom CSS as well:

/* Reduce margin around header button */
@media (min-width: 992px) {
    .header .header-wrapper .featured-button {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

Both 20px values can be reduced to your own needs.

Hope this helps.

Great, I'm glad to hear that!

Let me know if you have any other questions.

Thanks, have a great day as well!

Hi Francesco, ticket is closed on your request.

Feel free to open a new ticket if you have any questions.