Help with header on mobile, Avenue template, 7.0

How do I decrease the spacing at the top and bottom of the line? It's perfect on the desktop version, but spacing is excessive on mobile.   Thanks.

Website

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1669519667273_13576 {
    margin-top: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}

59 minutes ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1669519667273_13576 {
    margin-top: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}

 

Better, but still lots of air. See attached...

Use this new code

@media screen and (max-width:640px) {
.extra-wrapper.page-header .horizontalrule-block:first-child {
    margin-top: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    section#page {
    padding-top: 0px;
}
}