avenue-template Avenue mobile header

Hi there,

I'm trying to find a way to reduce the amount of space between the bottom of the header and the initial content, in this case an image, when viewing my site on mobile.

Has anyone had any success reducing this with customisation on the Avenue template? Any info/code appreciated 🙂

Site is: allisterfreeman.co.uk

Thanks, 

Al

@allister add to home > design > custom css

@media screen and (max-width:640px) {
header#header {
    margin-bottom: 0;
}
div#block-yui_3_17_2_1_1572983419367_21750 {
    margin-top: 0;
}
}

Fantastic, does the job perfectly, thank you very much!