Mobile version Tablet landcape not working well

Hey Diana,
Thank you for your patience, for the video on: https://mp-audioproductions.de/mona-bumes/
to remove the black bars, try this css:

@media only screen and (min-width: 990px) and (max-width: 1360px) { 
	#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
    background: #fff;
}
#top .av-video-slide .avia-slide-wrap {
    height: 84%;
}
#top .flex_column.avia-builder-el-5.column-top-margin {
	margin-top: 0px;
}
#top #wrap_all .av-special-heading.av-m6wqj69t-b4e1d140677e492efdf2d8c0f9797c34 .av-special-heading-tag {
    line-height: 115px;
}
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
For the second issue try this css:

@media only screen and (max-width: 1366px) {
    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
        margin: 0;
        margin-bottom: 20px;
        width: 100% !important;
        display: block;
    }
    #angebote .av-flex-placeholder {
    	display: none;
    }
}

note that the media query is set to 1366px as I assume that is your iPad width, you can check your screen resolution here and adjust the css to suit.

Best regards,
Mike

Hi,
Try this css:

@media only screen and (min-width: 990px) and (max-width: 1366px) {
	#top.page-id-548 #kontakt .avia-builder-el-191 {
        transform: translateX(-200px) !important;
}
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike