I've been asked to take a look at a website where the image galleries are not displaying correctly. I've found that there's differing results depending on browser and platform. For this example, I'm looking at three Apple devices, all using Safari. I cannot, nor can the client, see the image galleries in Safari, but I can in Firefox - Gallery page
These seem to be built into the theme, rather than managed by a plugin. However, I did put Envira Gallery on and am having similar results.
I've tried turning off all the plugins and systematically turning them back on, that has no effect.
The website is running a theme called The 7.2, which is up to date. Wordpress is also up to date.
The site does have a PHP upgrade warning Warning, but I don't currently have access to the client's control panel to upgrade it.
Any ideas gratefully received
Pictures: MacBook Pro Safari, iPad Pro Safari, iPad mini 5 Safari
The issue is that it is setting opacity to 0
Soon as I take that off it shows/works fine.
Related
On this site, on my iphone only (but not responsive view or emulators) my mobile hamburger menu is broken if ACF plugin is activated
https://beechers.darkstarmedia.net/
I have tested this extensively, the problem is 100% the ACF plugin. Is there some sort of jquery conflict with the plugin?
it works on my apple PC safari, chrome, firefox, regular and responsive mode. iPhone Simulator, Andriod studio.. just not an iphone
You are running 2 versions of jQuery.
Try removing your manually added 3.3.1 or set WordPress not to load the 3.6.0 min.js .
Looks like rocket-loader isn't seeing jQuery. I'm assuming its the Cloudflare plugin? if so, could try disabling it. –
I just set up my page using WordPress and Elementor and the page is very fast using Chrome. When using Safari on Mac, however, the page becomes super laggy and the CPU ramps up. I already tried using Autoptimize, W3, and Jetpack, to now avail.
Google PageSpeed says the issues lies in Javascript, however, I do not know how to optimize that. I tried using Asset CleanUp, but I already disabled all the non crucial plugins and animations.
Thanks!
The URL is: melius.live
At the bottom of your site you have three videos. Remove them and try to lazy load the iframes.
Check everything at W3 Total Cache > "User Experience".
You also can look in the Safari Inspector at Network > Waterfall to see which parts take a long time. Maybe your Mac Machine is just weak.
Try using a different video plugin. More or less problem is with the Videos as it is generating code that is being blocked by the browsers.
I have added a couple of videos to a WordPress blog post. When I am loading the page on a desktop, everything seems to be functioning exactly as it should. When I load the same page on my Android phone in Chrome, it always fails to load 1 video. When I refresh, there will always be one video that doesn't show up. Which video this is, changes with every refresh. I also checked on my partner's iPhone with Safari. There, even fewer videos are showing as they should.
All the videos have been added using the elementor plugin and are saved and loaded from my host server. I can't figure out how to solve this problem because I can't figure out what causes this issue to begin with. I have googled a bit and only found solutions regarding auto-play. I haven't set my videos to autoplay, so this doesn't explain why I have problems.
The blog post can be found here.
Any help would be greatly appreciated!
99% it's because of incorrect video codec. I would suggest to re-format videos with Handlebrake prior to uploading. This tool helped me multiple times with problems like this.
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.
So if you take a look at the website I am currently developing.
Particularly in the footer section of the website.
http://yourfitrepublic.com/
In Google Chrome, I am not able to see my picture in footer, but the rest are shown(they come with the template) It all is displayed in Safari for instance, but not in Chrome.
So the problem is with the pictures I have uploaded via ftp.
I have tried, disabling all of my extension, launching in incognito mode, checking the permissions, javascript and images are enabled too ... nothing helps.
Any suggestions?
P.S. If you paste this link in Safari, it will display and image, but not in Chrome, or Firefox.
http://yourfitrepublic.com/wp-content/uploads/2015/11/biceps-right.png
I am developing a child theme from Cherry Framework.