Home Forums ART WordPress Theme Mobile Chrome and Safari bar create unwanted space

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24868
    richardcech
    Participant
    Purchased
    Expired

    Hello,
    on the main page the slider is set to 100% height with menu on top and footer on bottom.
    On a phone with chrome and safari browsers, which count the screen as 100% high, including a search menu and a bottom tab with history and forward and backward arrows. As a result, the content of the page is never displayed centrally at 100% but must be scrolled down to display the cut content.
    Firefox on mobile does not do this on the browser and the display is in the full height of the current image.

    …so I would like to have content on the home page without scrolling where at the bottom is the footer and at the top is menu and the slider is displayed in the rest space between

    My home page with this problem is richardcech.com

    Thank you very much
    Best Regards
    Richard Cech

    #24876
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    @media (max-width: 767px) and (orientation: portrait) {
     .bm-builder .module.module-id-1621785482279 .slider-mod-wrap, 
     .bm-builder .module.module-id-1621785482279 .slider-style1 .owl-carousel { height: calc(var(--get-win-height, 100vh)) - var(--header-height, 0px)) - var(--footer-height, 0px))); }
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24907
    richardcech
    Participant
    Purchased
    Expired

    Works perfectly, Amazing !!

    Thank you very much
    Best Regards
    Richard Cech

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