Home › Forums › ART WordPress Theme › IOS banner issue

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 9, 2021 at 5:56 am #25042
    Akash
    Participant
    Purchased
    Expired

    Hi,

    Further to my email including the short screen recording, I am writing here to flag up the issue regarding the slider/banner/full bleed issue on IOS devices. As you will see in the screen recording that the full bleed slider image scrolls up slightly and activates the white header/banner on top. I would like the slider image to become Non-scrollable and the white header/banner not to appear. Following that, as the last part of the recording shows, I would like to retain the full-screen slider when the IOS footer disappears.

    https://ruhelahmedstudio.com/

    I hope the above is helpful

    Many thanks
    R

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    June 9, 2021 at 6:08 am #25043
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

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

    @media (orientation: portrait) {
.iOS.home #wrap { max-height: var(--get-win-height); overflow-y: hidden; min-height: 0; } 
.iOS.home .bm-wrap > .module-inside { min-height:0!important; height: var(--get-win-height, 100vh); overflow-y: hidden; }
.iOS.home .slider-mod-wrap,
	.iOS.home .owl-carousel{ max-height: var(--get-win-height); 
}

    ps:
    Please purge the website cache if it does’t work, I noticed there is cache codes in your website.

    PS:We can’t forbid the scroll bar in landscape mode, because of the URL bar showing/hiding rule of iOS, which is a famous problem in the web design industry.

    Regards!
    SeaTheme – FAQs – Twitter – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

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