How to reduce the size of header in Sydney theme?

How to reduce the height of header in Sydney theme?


You can reduce the height using this CSS code:

.sydney-hero-area {
    height: 500px !important;

Add the code to Customizer > additional CSS.


Hi, dear Awan.

Thank you very much for CSS code.
Could you please help me to reduce only this size (pointed by red color)?


Here is to reduce the space on the top and bottom of the top bar:

.site-header {
    padding-top: 10px;
    padding-bottom: 10px;

Or, you might want to decrease the logo height also, then add this code:

.site-logo {
    max-height: 75px;

Dear Awan, hi,

thank you so much for your help!
Could you please send me the code for changing the position of logo.

Also, could you please suggest some best page builders (compatible with the Sydney theme) instead of SiteOrigin.

Thank you in advance for your support.

All the best,