White Appears Below the Footer When in Dark Mode on Smartphones about cupper-hugo-theme HOT 6 CLOSED

Interesting.

Have you messed with the default CSS? Because the main element should have a min-height of 100vh, which would force the page to span the full height of the viewport, regardless if there was not enough content on the page.

Now, this could be a bug with your particular mobile device browser.

Also, you didn't mention any scrolling behavior. But if that's your issue, the "overscroll" that happens on both mobile and desktop browsers is normal. Regardless, I've pushed a change to disable this overscroll behavior. See be65367

from cupper-hugo-theme.

Thank you for your reply and time.

I'm sorry I don't have any CSS knowledge.

I've tried the latest commit and it still persists.

from cupper-hugo-theme.

Ahh, I see now. Okay, I can reproduce this 🙂

Before

After

Explanation

The issue is that the min-height of the main element is being changed to auto by a media query on small (mobile) view ports. I've commented it out and done some smoke testing. It seems okay for now. I'll push that change shortly.

from cupper-hugo-theme.

Pushed 4a56374

Retest and let me know how it goes

from cupper-hugo-theme.

It's okay now.

Thank you so much sir.

Have a great day.

from cupper-hugo-theme.

Very nice

from cupper-hugo-theme.