I've set up the script on this page. The sign-up form at the bottom.
Problem:
On mobile the page shrinks quite a bit on the third page of the form, however the iframe stays the same so the user is left with a big blank space.
How to get it working on mobile? I'm testing in chrome on android at the moment.
Open to all suggestions.
Related
So my problem only persists in one of three Android browsers. Chrome and Samsung Internet are fine, but in Firefox (v105.2.0) my PWA doesnt look as before, when coming back from an external webpage.
First picture: PWA as intened
Second: external Link (with added address bar)
Third: history back to my PWA (space from addressbar was not reclaimed by my app)
Thing is, it is not a margin or something that persists, it looks like the whole viewport was shifted down.
In the last two pictures, one can see, that it is indeen only shifted (image height).
Pictures taken with Firefox Dev Tools hover over opening tag.
Tested this with other PWA (computerbase.de) and tried it with the link to facebook at their footer, but it does not happen as well there...
What could be my Problem?
Thanks for your help.
[nodejs, plain JS and HTML]
i have written javascript to print the div content in the Window.print and it is working fine with the desktop browser.
But when i open the web application in the mobile browser and try to print , it is printing the whole window with the menus also, and not the div only.
Also an extra blank page is coming along with the page.
Can some one help me why the strange behavior is with the mobile browser.
Please try using
209mm * 297mm A4
And cooperate css page-breaak-before:always
The extra space is filled with blank
I am working on this site: http://www.nuriteldar.co.il.
And I have a strange problem, when the page loads on mobile it shows a white page until you scroll.
I tried to chack it by safe mode in "device toolbar" in chrome DevTools and it not shows any effect in css.
What can it be? And, how can I solve it?
P.S if you switch to another page after you scroll it also show white page until you scroll
Picture:
It's working for my side
Otherwise you can clear browser cache and cookies. and check later.
I'm using Crosswalk webview on Cordova to display a webApp made with Ember.js.
In some pages the app have iframes which open a Vimeo player, and I allow them to play in fullscreen.
When the user plays it, it enters fullscreen automatically, resizing the page to increase its height. But, if the user closes fullscreen (or when the video ends and the fullscreen closes), the page isn't resized back to the original height, and my top menu gets hidden behind the mobile status bar.
If then I navigate to another url, the page gets resized and everything is beautiful again.
My question is: is there any javascript/CSS trick I could try to get around this?
INFO: I tested this against 2 phones, one Android 4.1 and the other Android 5.0, and it only happened in the Android 5.0 one. So maybe this is a Crosswalk bug. Doesn't happen at all if I use the native webView, but I wanted to avoid switching to it.
Any help appreciated ;)
I am using the easy fancy box plugin on my wordpress site to create a pop up. The pop on the desktop/laptop works fine but on mobile it doesnt seem to pop up.
On my site, clicking on get quote button under the slider calls the pop up.
What is strange is another pop up called by clicking the subscribe button on the main menu works fine on both desktop/laptop and mobile.
I have tried deactivation all the pluings yet i can find a reason for this.
I suspect its something to do with a touch even on mobile?
Link to my site is http://goo.gl/Yjt0qX
I checked on Mobile size (push F12 with google chrome and select your device) and it's work