Can’t upload profile pic with ipad or iphone
I’m using WP 4.7.4 and BP 2.8.2. Users who register for my site aren’t able to upload a profile photo on their ipad or iphone. Is there a fix for this? I’m afraid I’m going to lose users.
The apple products are the only ones causing trouble as far as I know.
Can you try the following fix?
I have the same problem.
I tried the patch, but it still didn’t work for me. Does the patch work for anyone else?
When I say it didn’t work for me, I mean I click the “Select your file” button, and nothing happens. (Exception: the css hover properties take effect – but no file browsing takes place.)
I read some older posts on this subject dating back to 5 years ago. Is iOS avatar upload a new thing for BP?
@ketzita – Thanks for testing.
Can you try purging your browser cache in iOS Safari? Then, try again?
I’m not sure if I’m applying the patch correctly.
Do I just replace lines 148-152 (pink-background) with lines 148-152 (yellow-background) ?
The rest of the code seems to be unchanged. And I’m aware that I need to do this in both avatar-rtl.css, along with avatar.css.
Is there more to it? This is my first time looking at the BP ticket/patch system that you guys use. The way I described is the way I tried it the first time, but before I try it again, I just want to be sure that I’m attempting it properly.
avatar.cssthat’s been patched up:
If your site doesn’t use RTL, then you just need
/buddypress/bp-core/css/avatar.csswith this file and retry in iOS. Remember to purge your browser cache.
Thank you for the link, that was much easier for me.
I replaced my avatar.css with the code from the link, and deleted cache from Safari. Then, I tapped “Choose File,” and the iOS file browser popped up. I selected a photo, and a thumbnail version of the photo appeared to the right of the “Choose File” button, and “1 Photo” appeared to the right of the thumbnail.
I tapped “Upload Image,” and the browser displayed the typical progress bar at the bottom of the address bar. But a few seconds later, the function returned to the way it starts: The old profile photo is still in place, and the thumbnail that was displayed to the right of the “Choose File” button is no longer there. It’s as if the upload was aborted, or something.
On a side note: With the old css, I had issues changing avatar with Linux Mint w/Chrome, but with this new CSS it works with Linux Mint w/Chrome. That’s good! But what can we do about this iOS issue?
By the way, thank you for creating this patch and for working on the issue.
Good that the iOS file browser pops up now. Sorry to hear that uploading still doesn’t work though, will need at least another user to verify this.
I don’t have an iOS device so I cannot test this functionality I’m afraid.
What version of iOS are you using? If you’re on an older version, try and upgrade?
I have an iPad Mini, and a regular iPad. The same problem occurs on both devices.
The iPad mini is using version 9.3.5 (That’s the latest for this device.)
The regular iPad (original, 1st generation) is using version 8.4.1 (Out-dated version.)
If anyone else with an iOS device is reading this message, please try the patch and let us know how it goes for you.
I’m having the same issue using iphones but works on android mobile devices, I’ll try to apply patch then report back to see if it works on my end
@ketzita – Can you copy
avatar.min.cssand see if that fixes the issue?
The patch above only works on development installs since those installs only look for the
avatar.cssfile. Production installs looks for the
One user has confirmed that this works.
I copied my original BP’s avatar.css to avatar.min.css, deleted Safari’s cache, and was unable to upload a profile photo with my iPad mini.
Do you happen to have a copy of the css file that worked for the other user? If so, can I have a link to it, or can you paste it here?
If you don’t have it, can you tell me which BP version would have working css? I’m not sure which version crippled the iOS, but I would like to find out which version has working css so I can at least revert back to those css files.
Copy the code from here:
The user tested this on iPhone 6S, iPad Mini and iPad Air with success.
I believe the last successful version was BP 2.7.2, but the CSS I linked to should account for that.
I’m sorry, for some reason this is not working on my site with iOS devices.
Can you give me a link to another live BP site with this fix in place, so I can see if I can change avatar on that site?
Can you try changing your theme to something like Twenty Seventeen?
Sometimes the current theme has CSS that conflicts with BuddyPress functionality.
What theme are you using?
You were correct. I switched to Twenty Seventeen, and it worked.
I’m using the Graphene theme, along with its special “Graphene Mobile Neo” theme for mobile.
Can I correct this problem by putting !important in front of some properties in avatar.min.css?
If so, which properties should I add that to?
Or if that’s not the solution, is there a better way to solve this besides switching to a different theme?
Graphene Mobile Neo is a premium addon so it is hard for us to test it. What happens when you disable that addon? Does the uploader work? If not, you’ll have to look into debugging iOS Safari.
If you can duplicate this issue on a free theme, let us know.
I disabled Neo, and tried uploading with Graphene theme active, but Graphene theme doesn’t work either.
If I write to the theme’s author, what should I say?
Please disregard this issue. I apologize, there was a conflict with my child theme. Graphene theme is working fine with BP/iOS.
Also my buddypress site does not load photos from iphone (any iphone) while with android no problem. How can I do? I do not understand much about what I read in this topic
Make a backup of your Buddypress CSS folder.
Replace the code in avatar.min.css with the code from the link above.
Clear cache in Safari, and try again. If the problem persists, activate a different theme, like Twenty Seventeen, and try it again.
HAPPEN, AND THANKS AN ANSWER, BUT WHAT REASON “Replace the code in avatar.min.css with the code from the link above”.
WHAT DO YOU DO TO MY SITE IF I CHANGE THE CODE?
- You must be logged in to reply to this topic.