Here I go again,
Anyone know if there's a Wordpress "lightbox" style plugin that works with mobile devices , specifically the iPhone -- or if theres a way to tweek one to be used ?
I've tried Slimbox2 Shadowbox JS and a few others -- but they all seem to break on the iphone -- specifically when the browser is re-sized.
It's a bummer because I rreally like the way my site looks on the iphone - except for showing images .
thanks -MW
Yes nearly :-) There is great AND USABLE expample at http://www.jaipho.com/ but it is not in plugin form
Related
I'm using Wordpress 5.9.2 and wanted to know if there is anyway I can do that when someone get into my site with tablet it will show him the desktop view?
Thank you!
This depends on your theme. And this theme most probably doesn't check if the website gets opened from tablet or desktop, but just checks the overall screensize and provides break points (for example for 800px screen width). Depending on your knowledge, you could edit your theme's style.css (or create child-theme) and edit the media queries there, maybe even just deleting the ones, responsible for the "tablet-size" breakpoint is enough.
If this is unfamiliar for you, as far as I know, there is no simple "deactivate tablet mode" button.
I am working on a wordpress/woocommerce website (using the Flatsome theme if it's important) and I am having some CSS issues with the mobile menu overlay. When I preview my mobile site using chrome dev tools everything looks as expected (centered options, large enough to be easy to use, etc) but when viewing the site on actual devices the menu is being forced edge-to-edge in a small, cramped, italicized font. I cannot seem to figure out where it's being overridden, or why it looks different from dev tools to actual use.
This is what it SHOULD look like according to dev tools:
MENU-CHROME-EMULATION
But this is what is ACTUALLY looks like:
MENU-ACTUAL-ANDROID
My website is: TARGET-WEBSITE-CITRUSBOOKBINDERY
FOUND IT! It was actually a conflict with the SG Optimizer plugin rather than a CSS issue, which is why I couldn't find it for so long. I thought I had checked all my plugins, but must have missed that one out. I'll leave the question up in case it can help someone else, though.
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 using Paul Irish's Infinite-Scroll plugin with Wordpress, and I'm also trying to use John Dyer's mediaelement.js plugin with it. Works great on the individual posts, and, oddly enough, no problems on iPhone, but when viewing in Firefox, the audio defaults to a placeholder image of the player, that when you click on it, then turns to an "X" like i'm missing a flashplayer plugin or something. Like I said, I don't have the issue on the individual post pages, just on the index, so I know Firefox can handle the files properly.
I'm sure this has to do with needing to add some javascript in the settings of inifinite scroll to re-initialize mediaelement.js for each new page that is brought in, but I'm at a loss as to what I should add. Any help would be really appreciated. Thank you.
John Dyer was awesome enough to answer this one for me.
$('video').mediaelementplayer()