I'm installing Stripe Checkout on my site for the first time, through the Simple Stripe Checkout Wordpress plugin. On my test page, the "Pay With Card" button appears just fine, but when I click it, the overlay with payment form only appears on my desktop. On mobile, it clicks through to a Stripe-hosted page, which is not what I want. Anyone who's interested, or can help, can check it out here:
http://www.radionowhere.net/stripe-test/
I've tried this on 3 different blogs, all with the same results. Am I missing something? Thanks! ~ MB
That's just how it works.
Presumably Stripe have decided that mobile devices can't reliably support the overlay, so they launch a new page instead.
You can see it working that way in the demo at https://stripe.com/checkout (and I've just checked my Stripe Checkout, and mine works like this too).
To be honest, I prefer it - on a small screen, on a limited device, it's better to let the checkout take up the whole screen IMHO.
Related
I am running into some issues on the mobile version of our checkout page.
Customers that try to place an order and don't fill out everything correctly don't get shown an error message.
I'm using the DIVI block builder but that shouldn't be an issue.
Here is the error message that is shown on desktop sites.
But on mobile, all that happens is the text turns red for the checkmarks.
Somehow customers can't seem to figure out what is going on so I would like to print out an error message at the top of the page that shows the issues as is done with the desktop version.
For the page - https://thefarmdream.com/checkout/ (will only work if you have items in your basket)
I figured out what the issue was after a few days of searching.
Since I use the Divi builder and wanted a different layout on mobile vs desktop I used the DIVI "woo checkout payment settings" block twice on the page.
The error messages can only be shown once, so it was showing on the desktop but not on the mobile version.
Removing the second block and changing the layout a bit fixed everything!
I'm implementing Facebook Pixel on my WordPress website. Everything works fine on the desktop. The pixel is activated is and working fine.
I installed the Facebook Pixel Helper plug in for Chrome, and it detects the pixel on my page
I test the events by opening my website on desktop browser, the page view event is detected on the dashboard. The pixel can also detect other events I set, like contact, content view, etc. All works fine.
Problem: when I open my website from mobile browser (I tried mobile Chrome, Kiwi Browser, Samsung Browser), the dashboard didn't detect the page view event, as well as other events. I tried to open from another mobile phones, same result. I tried to deactivate all my WordPress plug-in to check if one of them is conflicting, but still same result. I inspected my website from mobile browser, it has the Facebook pixel script on the header part, just like on desktop browser, so it should be working fine.
Anyone knows the solution? I don't know what causes this problem. I use Hestia theme and Elementor for my WordPress website.
Try this steps:
1 ° Mobile usually has cache (I don't think so), but try to clear the caches and try again.
2 ° If there are cache plugins please clear all caches please (I don't think so)
3 ° Some themes are available in several headers and some of them are different for mobile and desktop, check if the headers are different and insert the tag manually if necessary in each header.
4 ° To check if everything is ok, with google chrome if you press f12 you have the option to choose a device for testing. Choose an Android or IOS phone from the emulators and reload the screen to test. In cell phones can be false / positive information received sometimes.
Try these options and update your question with new information to try to help you.
I have a Wordpress website and I noticed a weird behavior on Twitter. When I post a link on Twitter and tap on it on my iPhone, the website looks totally different. Like a "Reader" view. Nearly no design. And no Google Ads. I don't have that behavior when I do the same on Facebook, or use Twitter on my computer. My Wordpress theme works on the computer and on the phone. It looks a little different, but similar on the phone. As I said, on Twitter/Mobile it looks like no theme at all. I have Jetpack, but mobile theme is off there.
Does anyone have an idea?
OK I figured it out. It was the AMP plugin. Twitter called my link with ".../amp" at the end. Now I have the problem that it can't the page, when the plug in is disabled. But thats ok, perhaps I change the links somehow.
I am a newbie to wordpress development and somehow managed to put together a website - http://www.checkgaadi.com.
However, I am simply not able to get this to work properly on a mobile device.
Have tried several plugins (e.g., WPtouch, WP Mobile detector etc.) which are supposed to help. Here when I tried WPtouch for the first time it went to a "mobile site" and was more or less responsive. There was also a button to switch to desktop site. I clicked this button and now I only see a distorted version of desktop website on mobile, but now I don't find the button to go back to mobile theme. I have tried deleting the plugin and reinstalling, deleting the "wptouch-data" folder etc hoping to clear the cache and several other tricks but nothing seems to bring back that button to switch between desktop and mobile themes.
Anyone who has some experience with WPtouch (or any other simple plugin you recommend) may perhaps tell me how to get that "switch mobile<->desktop" button back? For the moment I have disabled WPtouch on the website so you may not see it.
As a second option, it seems to me that only certain parts of the landing page need fixing (e.g., some CSS tinkering with the topmost part) and mostly it should be okay without really getting into the WPtouch stuff. Could someone please give me guidance with the CSS modifications needed to fix the issue?
Thanks so much.
Just click the "core settings" of Wptouch. Then you will see the general settings. There is a "Desktop / Mobile Switching" option under the "Landing page" option. Put a tick into "Show switch link in mobile view" box. I hope it will work for you
I'm running Prestashop e-commerce at (link was removed due to canceled project)
If you look at the page from a mobile phone and select "VALJ DIN MODELL HAR" in the menu the page reloads.
Any clue why? I works fine from mac and windows.
My thoughts is some kind of hoover issue since i cant hoover on a smart phone?
You are right, hover is the problem. You can't hover with a smartphone. I used in my last project sidr for mobile phones: http://www.berriart.com/sidr/
In your site http://mobilprylar.nu, link is already offered for VALJ DIN MODELL HAR category. If you click on it you'll be redirected to VALJ DIN MODELL HAR category page. This is fine for desktop view as we have hover/mouseover functionality.
This will not work for mobile phones because once you click on it, both hover and link will be active so you'll never get better result.
I would recommend you to disable the link for mobile view, we have javascript functionality available for this. Else, if you are good enough in prestashop/smarty coding you can create separate menu for mobile view. Hope this helps.