Mobile Chrome and Safari bar create unwanted space

[richardcech]

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

[SeaTheme]

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 – FAQs – Twitter – Facebook

[richardcech]

Works perfectly, Amazing !!

Thank you very much
Best Regards
Richard Cech

[Author]

Posts