Mobile version of the site is acting weird

See below for my URL, it looks fine on desktop but mobile has two main issues:

  1. The second half of the screen for some reason turns grey for about 3/4 of the surface area (see link to mobiready below for more details)

  2. The scrolling effect is choppy. WHen I use my iPhone to scroll, it’s slow and staggers.

My website: https://cconations.com

MobiReady Link: https://ready.mobi/#569063-4n8n

Any help would be greatly appreciated!

Hi there,

  1. The problem is that you added a 100vh for the second section. The 100vh means that the height of the section will take up the height of the browser window. So if you scroll down in mobile the height is there and it will not expand. You need to avoid using 100vh. Alternatively, you can have 2 section, one for the desktop view and one for the mobile view. Keep the 100vh for desktop and remove that for mobile. For more information kindly read this article:
  1. This can be caused of the several reasons. I suggest that you install and enable the smooth scroll extension and it should fix the issue:

Thank you.

THanks that did it.

If you advise not using 100vh, how would you make the section fit the full screen then?

Hi there,

I suggest that you create the whole thing as a one slide Revolution Slider and add that to the Below Mastheader option of the page. For more information:

That should do the trick.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.