Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 20, 2025 at 11:42 am #1477473
    DianaLoola73

    Dear Support Team,

    on the following page I have a problem with a few sections in the display on the tablet landscape format – all other devices are displayed correctly with a few settings, but for the ipad landscape, I just can’t get it to work:

    1. start section: Enter – movie in the background of the section
    The Enter section exists twice: once only for the desktop version with the movie, and once with a still image in the background for the mobile devices. However, the desktop version is still displayed on the i-pad even though I have also hidden tablets in the settings. Here is a screenshot of the display on the tablet: https://mp-audioproductions.de/support/3.jpg > the movie doesn’t work, it looks messy with the black bars – or is there a way to scale the movie across the entire screen width? If not, then it would be good to switch to the section with the still image: Is that possible?

    2nd section Offers: https://mp-audioproductions.de/mona-bumes/#angebote
    This also does not work correctly on the tablet: The cells are displayed next to each other (instead of below each other, as in other mobile versions): see screenshot: https://mp-audioproductions.de/support/1.jpg
    > What setting do I need so that the cells are also displayed one below the other on the tablet landscape?

    3. contact section (last section): https://mp-audioproductions.de/mona-bumes/#kontakt
    Display tablet landscape: truncated text on the right: https://mp-audioproductions.de/support/2.jpg
    > In all other mobile versions, the cell with the contact details is displayed correctly centered, but not on the tablet landscape. What setting do I need here?

    With a request for support, best regards, Diana

    February 22, 2025 at 10:08 pm #1477665
    Mike

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.