Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 29, 2022 at 2:08 pm #1337833
    jessas

    Hello.
    I want to display Panorama-Tours fullscreen on desktop and cellphone screens. I already tried what Mike suggests (https://kriesi.at/support/topic/iframe-fullwidth-2/#post-1305977) but it will only remove the top and down paddings on the cellphone. There are still white columns on the left and right side.

    Is there an easy way to display Pano-Tours in fullscreen size that works on desktop AND cellphone just with a Menu-Header above it (whatever screen size or ratio the viewer is on) ?

    Thanks,
    Ralf

    January 30, 2022 at 9:31 pm #1337937
    Mike

    Hey Ralf,
    Thanks for your question and for the test page, please try adding this css to remove the white sidebars and to increase the height to 70vh, I assume that you want to see the footer, if not then adjust to 100vh:

    @media only screen and (max-width: 767px) {
.responsive #top.page-id-139 #wrap_all #main #av_section_1 > .container {
    width: 100%;
    max-width: 100%;
}
.responsive #top.page-id-139 #wrap_all #main #av_section_1 > .container > .av-content-full {
    height: 70vh;
}
}

    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

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