Tagged: background Images, Firefox, mobile, responsive
-
AuthorPosts
-
January 11, 2015 at 5:57 am #377921
So, my site looks great on all browsers. I have tested it on iPhone, and Android browsers such as Dolphin, Chrome, Opera, Android Browser- looks great.
EXCEPT Firefox on Android- all of the background images overlap everything, and it is impossible to read text. I followed https://kriesi.at/support/topic/remove-section-background-image-in-mobile-responsive-layout/ and it did not work- any ideas? I am trying to avoid having to go through the Firefox remote debugging install if you guys know of the issue?
If you have an Android (I am using S5), Download the Firefox browser and check it out- almost like some JS is messed up somewhere or something.
January 11, 2015 at 5:59 am #377922Oh, and I forgot to mention your demo site shows the same problems- background images slide up and make the whole site unreadable: http://kriesi.at/themes/enfold/
January 12, 2015 at 7:27 am #378163Hey!
Thank you for the heads up.
Can you please provide a screenshot? I don’t have an android device to check this so I’ll ask the rest of the support team.
Regards,
IsmaelJanuary 12, 2015 at 4:59 pm #378365Hi!
I am sorry, but firefox is not supported for mobile devices owing to a lack of demand.
Best regards,
AndyJanuary 14, 2015 at 7:02 pm #379666Be that as it may, do you perhaps know of a dirty way to hide backgrounds on the device? I am sure it is just a modified rule that also can target on Firefox?
Firefox on mobile might have been unused in the past, but it is on the rise, and we might want to consider developing for it moving forward- I try to when I can.
Looking at GA, I can see your point though- out of 10k sessions here are the ones from Firefox on mobile:
http://cl.ly/image/14090x340d18
Lol. Anyhow, any advice on hiding the selector would be awesome!
January 14, 2015 at 7:43 pm #379701I sort of fixed it, though I could not do anything with the parallax area background. What I did was go to each of those color sections and remove the image from inside of the Enfold builder. I then created media queries to add in the background on larger screens and remove it on smaller screen, sort of as an over ride to the theme doing it.
@media all and (min-width: 601px) {
#vs-bg{
background-repeat: no-repeat;
background-image: url(“https://www.virginiaseo.org/wp-content/uploads/2013/04/Large-Icon-Parallax_02.png”);
background-attachment: fixed;
background-position: center center;}
#what-we-do {
background-repeat: repeat;
background-image: url(“https://www.virginiaseo.org/wp-content/uploads/2013/04/bgcheck.jpg”);
background-attachment: fixed;
background-position: center center;}
}
@media all and (max-width: 600px) {
#vs-bg {background-image: none!important; display: none!important;}
#what-we-do {background-image: none!important;}
#hero-area {background-image: none!important;}
}It will work for now, and I still have to test on other devices.
January 15, 2015 at 2:57 am #379848Hi!
Glad it worked out for you. Let us know if you have any more questions.
Feel free to make a feature request if you wish support for mobile firefox in the future: kriesi.at/support/enfold-feature-requests/Regards,
AndyDecember 2, 2015 at 12:11 pm #545829Hi,
is there an solution for this problem? Let me know please.
Thank you and kind regards
MikeDecember 4, 2015 at 2:08 pm #546997Hey!
no, there is not, as I already said: Firefox mobile is not supported.
Best regards,
AndyDecember 12, 2015 at 10:55 pm #551499Andy,
The lack of support for a mobile browser that has been downloaded over 2 million times for android phones and is now available in IOS makes no sense. Is Firefox mobile support something you’ll include in the future?December 16, 2015 at 2:11 pm #553668Hey!
2 million times is not really a lot in comparison to other browsers (chrome, safari, etc). As long as there is little demand for firefox mobile there won’t be any support for it. If it will increase in the future, then I am sure Kriesi needs to work on it.
Cheers!
AndyMarch 12, 2016 at 6:32 pm #597239Since many of us are developers of some kind and use Firefox desktop (especially for Firebug), many of us use Firefox for mobile too. I hope the team really considers including support for it soon. This way Enfold will be the best of the best for every device.
Thank you.
March 17, 2016 at 9:27 am #599497Hey!
Thank for your input it help us make the theme better :) We will be releasing new updates and bug fixes very often based on priority basis hopefully it will be addressed in one of the future updates.
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
Cheers!
Vinay KashyapJune 13, 2016 at 12:44 pm #647319A big thank you to the Enfold team! After the recent update the Firefox mobile issues have been resolved. Good work guys.
June 13, 2016 at 12:51 pm #647324Hi,
Glad it’s sorted.
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay -
AuthorPosts
- The topic ‘Firefox on Android Nastyness’ is closed to new replies.