CSS mobile issue after recent update

Hello,

I am having the following CSS mobile issues after the most recent update:
Too much header space (Screenshot #1)
Slider height too long (Screenshot #2)
No up arrow to take you to top (Screenshot #3)

This is the current “Quick CSS”:

@media only screen and (max-width: 480px) {
.avia-content-slider { min-height: 1250px !important; }}

#top .avia-smallarrow-slider { min-height: 280px !important; }

@media only screen and (max-width: 767px) {
section.slide-entry.flex_column {
width: 45%!important;
margin-right: 4%!important;
}}

.html_header_top.html_header_sticky #main{
padding-top: 0 !important;
}

.avia-content-slider-active .slide-entry-wrap { min-height: 250px; }

.avia-builder-el-0 { margin: -30px 0 -40px 0; height: 60px; }

.main_color:first-child .template-page.content.twelve.alpha.units {
    padding-top: 0;
}
@media only screen and (max-width: 767px) {
.main_color:first-child .template-page.content.twelve.alpha.units {
    padding-bottom: 30px;
}
}

Thank you!