I have a WordPress site http://legacyproject.sbcc.edu using the “twenty seventeen” theme with a custom header .jgp image, file size: 456 KB, dimensions: 2000 x 1200 (as recommended for that theme). It displays fine on a desktop computer but the header image does not appear on an apple iPhone. (I don’t have an iPad to check it on, so I don’t know how it appears there.) I see from a previous question/answer that image size can be an issue, but my image appears to fall within the acceptable range. Any suggestions? Thank you in advance.
UPDATE: It was suggested I scroll down to the bottom of my mobile device and click the "View full site" link. It worked. I now see the site as it previewed in the mobile-friendly version in WordPress.
Maybe you want to disable Jetpack plugin or Mobile Theme functional of Jetpack to show visitor exactly what you see on desktop.
Related
This is my client's website https://abundancegroup.life
I have created the main section of my homepage but it's not visible on phone and laptop. It appears in the Elementor editor as well as on the desktop. I checked the settings of the section and I didn't find any setting that would solve this problem or would be the cause for this problem. Your help could be really useful! Thank you!
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 built this site using phugo (a Hugo theme) and am also using Cloudinary to host the images so they will dynamically be reduced on various device widths. Well, that's supposed to be the plan.
I do not see the thumbnails in Chrome on my S9 yet the larger image appears if I click on the blank area where the image(s) should be.
When activating "Desktop site" everything works.
I'm stumped. There are too many variables for me to tinker with. Could be Cloudinary? The main.js that came w the theme? My meta tags? CSS? ... S.O.S. Mayday Help! TY
Site: https://portfolio.infin80.com/branding-marketing-graphic-designer-david-grant-portfolio.html
Edit (6/14/19 2pm PST): I'm nearly certain it's not the CSS
I just made a website using a Wordpress theme and it all works good on desktop computers. However, while the site initially loads normally on my phone (I'm using iPhone 6 with iOS9, but the problem is the same on Android phones too, I tried two), once I click on the portfolio item, it loads a blank page (header and footer only).
When I tap on the address bar, I notice that it never went to the right link at first place (the portfolio item link), it just shows the homepage link and there is no content.
I managed to fix the problem by entering the external URL in portfolio item options. It was still internal link from the site but I made the link open the new tab (if it doesn't open new tab, the problem stays the same). However, if I choose to go back to the homepage from that link (the portfolio item link), the homepage is blank, there is only header and footer so the problem returns again.
Just so you know, the first portfolio item contains the external link outside the Wordpress and that one opens normally.
What is wrong with the mobile site?
The site URL is: http://svenharambasic.com
The screenshot is attached. Thank you!
P.S. There are also google ads showing, I never encountered that before, but I'll work on that once this is solved.
I only see a white screen upon clicking any of the homepage portfolio image links (except for the first link which goes to an external site in a new tab) on desktop and on mobile actually. There is a content_inner class with inline styling setting visibility:hidden.
It's unclear to me why it's doing that- maybe to remove focus from the body and draw focus towards something that is supposed to appear in the foreground but does not? If I remove visibility:hidden from the element in the browser, I see a series of additional images appear, which seems to me to be more an expected behavior. Are we on the right track?
I managed to solve this, it was the setting in the theme options; I had to disable grid lines... I can't say I truly understand why, but it worked!
The site http://smirit.org/ has got a responsive wordpress template, but the images dissapear (after a few seconds) when you visit the site on a mobile device. Images in header (logo) and slider (bottom).
The original theme doesnt do this, check http://organicthemes.com/demo/profile/
Anyone got an idea?
-- EDIT
It appears that when I use images from an other server they do work. But it's not the server's problem because images on a normal browser work fine.
Try Installing WP mobile Detector Plugin which provide you with themes with Images supported...