Custom VH on mobile display
-
On iPhones or smartphones it’s very difficult for users to use the operating systems scroll bars as there’s no visual indication that it exists. At the moment to get to the bottom of the pop-up window that has lots of content in it, the user has to use the system’s scroll, however as it’s not clearly not obvious visually on the phone the user can do that, many will think the pop-up has faulty programming.
To make user experience better on the mobile display I wish to reduce the height/depth of the pop-up so it fits on the screen, and to also possibly take into account the mobile browser’s footer and header bar. I don’t want the user to have to use the phone’s scrollbar. (Only use pop-up scroll).
Guessing I need CSS code for this, can you help please?The page I need help with: [log in to see the link]
-
Further to my previous support request, there’s an issue with the Z-Index. I had managed to get the pop-up appearing on top of the header bar menu but also the pop-up activation button also moved to appear on top of the menu!?
It should really be just the pop-up window changing it’s Z-Index, can this be fixed please?
For now I’ve set the margin up so the the pop-up window is below it.
Also on my previous support request, I mentioned about having control on the pop-up window height size for mobile use but actually it be good for all devices as I also need to adjust the desktop view, wanting to ensure the pop-up window fits the browser height.
- You must be logged in to reply to this topic.
