Mobile Background Image

I believe that accomplishing this would require quite a bit of modification to some of the theme’s core files. I tried looking for more information on how to accomplish this, but came up empty handed. The developer will have a definitive answer, but I think this would be something you accomplish with a child theme or perhaps javascript modifications.

Hey kjcc,

Awesome site!

You would need to use media queries for this.
Search on Google CSS Background Image Media Queires

Here’s an example below:

‘
@media only screen and (max-width: 767px) {
.contentclass, .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus,
.footerclass,
.headerclass {
background-image: ;
}
}
‘

I’ve listed/condensed all classes that use the same background image, above.
If you would like you could do it the same way as your current style sheet, where it’s split in to sections.

Have a read on custom media queries, and let me know if you require any further help!:)

I had been trying body instead of the list of classes you provided bobbyduff. That worked. Thanks!

No problem, you’re very welcome! ??