Slider and menu showing far down the screen below white space on mobile device

I’m partly there with adding the below to quick css but im sure there is a neater way of doing it?

.inner-container {
position: relative;
height: 156px;
width: 100%;
}

• This reply was modified 6 years, 6 months ago by Digital-os.

HI
I see the same error on any browser when using mobile device view and also any phone or ipad etc.
Picture attached shows the slider is way down the page. When I open the menu the menu text starts at the same place as the slider.
My CSS kindo of works but it make the logo do something funny when loading.
Is there any other suggestions for a fix . Thankyou

We don’t have any custom mods to the theme. however with your comment I fixed using

kriesi.at/documentation/enfold/header/#Header-Height

and setting to default 80px

/*--------------------------------*/

/* Custom header height in mobile */

/*--------------------------------*/

@media only screen and (max-width: 767px) {
    #header #header_meta .container {
        /* Top bar height */
        /*   height: 50px  !important;  */
    }

    #header #header_main .container {
        /*  Main header height  */
        height: 80px !important;
    }
}

• This reply was modified 6 years, 5 months ago by Digital-os.