Background image on mobile device not showing correctly
I have a weird issue where the background image is showing incorrectly on certain pages on a mobile device like a iPhone.
On the home page the image is not displayed at all. But on sub pages the background image is displayed but it’s wrapped funny. I would rather it not be shown at all on a mobile device.
A example would be this page http://christianracing.com/?page_id=873
It looks fine on a web browser on a computer but the page is not formatted very well on a mobile device.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi Ricky
Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.
https://siteorigin.com/about/forum-thread-prioritization/
Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.
I can't tell if my replies are going through. But yes this is still a problem. I found the cause is because I'm using an <iframe> to display information from another website. When I do this it tries to show the background image from the theme. Is there a way I could suppress the background image on mobile devices?
Sure. Try the following at Appearance > Custom CSS:
@media (max-width: 780px) { body.custom-background { background-image: none; } }Thanks Andrew that worked!
Super :) Glad to hear that helped.
All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.