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.
Hi 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.