Home › Forums › Support › My background is blurry on mobile devices. What can I do to solve this problem?
- This topic has 8 replies, 3 voices, and was last updated 3 years, 11 months ago by
Tom.
-
AuthorPosts
-
May 16, 2017 at 12:30 pm #318815
Sebastian
Hi!
I recently bought the premium version of GeneratePress and I also use the Elementor Page Builder. My problem is, that on my tablet and mobile phone the background (body) is blurry on 3 pages out of 7. I checked those pages on my computer with the customizer (tablet/mobile phone view) and it’s sharp, but not on my devices.
I made one of the pages with the elementor page builder and set 4 picture boxes right next to each other which made the background blurry on my tablet & mobile phone. When I reduced it to only one picture box it wasn’t blurry anymore on all devices but thats not how my page is supposed to look like. So thats not an option …
I tried this as well with my Blog-page and the customizer (no elementor involved) but that didn’t work at all. Another way which makes the background sharp is to set the background on “repeat” and “original size” but I don’t want the repeat function activated ….
It’s so frustrating and I have no idea what the problem is but may you do from what i described you.
I hope you can help! Thanks !GP Premium 1.2.96May 16, 2017 at 12:33 pm #318817Leo
StaffCustomer SupportHi there,
Any chance you can provide a link to your site? Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 16, 2017 at 2:12 pm #318878Sebastian
May 16, 2017 at 3:06 pm #318903Tom
Lead DeveloperLead DeveloperIs this happening on a specific page? I’m not noticing any issues yet.
A screenshot would help a lot as well π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 16, 2017 at 6:04 pm #318965Sebastian
At the moment it happens with my mobile phone and tablet on
– http://thehangrylemon.de/blog/
– http://thehangrylemon.de/kochbuchvorstellungen/It would also happen on http://thehangrylemon.de/kuechengeraete/ , if i add more of those picture boxes instead of only one. It works with one though …
Thats a screenshot from the blog (mobile phone). The background is really blurry ….
I hope you can see what i mean. If not, just let me know.May 16, 2017 at 6:05 pm #318966Sebastian
Sorry link didnt work:
May 17, 2017 at 12:01 am #319041Tom
Lead DeveloperLead DeveloperSetting the background image size to “Cover” will tell it to cover the entire body area. So if your page is really long, it will resize up proportionately until it covers the entire area. That’s where the blur is coming from.
You can fix this by setting it to “fixed” instead of cover.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 17, 2017 at 6:54 am #319140Sebastian
Okay I think it works now. Thanks a lot Tom!
It was already set on “fixed” but i changed another setting from “cover” to “Size(auto)”. So simple and stupid haha. Thanks again!
May 17, 2017 at 8:51 am #319173Tom
Lead DeveloperLead DeveloperAh, right! No problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.