footer mobil phone

Hello Rikard,

now I was a bit premature. Yes it works great on the HOME page. For the other pages, it was not displayed correctly, since the footer seems to always be in a different av section. So I have implemented this definition for each page via css. And it works on most pages only with LEHRER and KONTAKT the footer is not displayed correctly:
> LEHRER: wrong ad on the mobile phone: http://neu.yoga-in-der-valley.de/lehrer/ : see screenshot: http://yoga-in-der-valley.de/support/footer2/footer_lehrer.png
Here arises between the logo and the contact data a huge white field. The script I inserted in css for this page is:
@media only screen and (max-width: 767px) {
.page-id-399 # av_section_4 .flex_column_div {
  padding-left: 0! important;
}
}

> KONTAKT: wrong ad on the mobile phone: http://neu.yoga-in-der-valley.de/kontakt/
see screenshot: http://yoga-in-der-valley.de/support/footer2/footer_kontakt.png
Here, in the first column between the title and the address, a huge white field is created

What else can I change in order to display the footer correctly on these two pages?
Thank you for the editing.
Best regards Diana

Hi Ismael,

I have now switched the whitespace for small screens (tablet portrait and smartphone) invisible.
however, this did not solve my problem.
There is still a white field visible on the two pages “LEHRER” and “KONTAKT”. This problem exists only on these two pages mentioned, on all other pages it is displayed correctly, which surprises me very much.

LEHRER page: wrong on the mobile phone: http://neu.yoga-in-der-valley.de/lehrer/ see screenshot: http://yoga-in-der-valley.de/support/footer2/footer_lehrer .png Here is the white field between logo and contact details (name, telephone)

Page KONTAKT: wrong on the mobile phone: http://neu.yoga-in-der-valley.de/kontakt/ see screenshot: http://yoga-in-der-valley.de/support/footer2/footer_kontakt .png
Here it is even more surprising, because the white field arises between the logo name “Yoga in the Valley” and the address?

What can this be?
Thank you for your work.
Best regards DIana Steib

Dear Ismael.

yes it is correct that when I use the mentioned script:
.page-id-399 .avia-builder-el-6 {
     height: 400px! important;
     min-height: 400px! important;
}
removed from the css, the footer is then displayed correctly. However, I then have another problem on the page: In the mobile view, the first image (portrait) in the upper grid row on the view on the phone is no longer displayed in full size: see screenshot: https: // yoga -in-der-valley.de/support/lehrer/Screenshot_20190404-085759.png

So I reinserted the code and wondered how it should modify, that the image is displayed correctly and the footer works at the same time! Can you help me? Footer problem see screenshot: https://yoga-in-der-valley.de/support/footer2/footer_lehrer.png

The other problem on the KONTAKT page is not solved yet. How can I proceed here?
wrong on the mobile phone: https://yoga-in-der-valley.de/kontakt/ see screenshot: https://yoga-in-der-valley.de/support/footer2/footer_kontakt.png
Here it is even more surprising, because the white field arises between the logo name “Yoga in the Valley” and the address?

Please note the new LOGIN data under PRIVATE AREA. The website is now online and the links have changed.

many Greetings
Diana Steib