Shrinking space at the top

Try this:

.site-header .site-branding {
     margin-bottom: 0 !important;
}

.main-navigation {
     padding-top: 0 !important;
}

Good luck!

Thanks but it doesn’t do much.

@sohowp, try using the CSS code below:

.site-header .site-branding, .site-search, .site-search form {
    margin-bottom: 0;
}

Note that @rshiery88 code was working but it was lacking the margin added by the search block.

Thanks and I think it is looking better. Is there a way to stretch the width of the site so that the left and right margin of the entire site is very minimal?

@sohowp you can do this by modifying the max-width on .col-full.

Try something like:

.col-full {
max-width: 80em;
}

Cheers

Woah! This is great! Thank you very much. God bless all of you for the help!

No problem!