Docs

[newskywebsites]

Hey guys,

I am working on a new site that requires a sitewide background image. I’m using Renew stack and the background image doesn’t appear on mobile devices. This is a bit of a problem because the content area is semi-transparent and content bands are worked around that design concept. Can you tell me how to do both these things so I can trial/error:

1) show sitewide background image on mobile (much smaller version)
2) have a background COLOR on mobile instead of a background image so sites still load quickly.

Site url: http://ctlandscapeservices.temp-website.us/

I’m using latest version of X, Cornerstone, and WP 4.7.2

I also have this CSS in place that MIGHT be an issue:

/* Make top bar, logo & top nav background semi-transparent */

.site {
background-color: transparent;
}

.x-logobar {
background-color: rgba(255, 255, 255, 0.9);
}

.x-navbar, .x-navbar .sub-menu {
background-color: rgba(114, 174, 0, 0.9) !important;
}

.x-navbar .sub-menu {
background-color: rgba(132, 202, 0, 0.9) !important;
}

.x-main.full {
background-color: rgba(255, 255, 255, 0.9);
}

Thanks!
Dawn

[newskywebsites]

My bad… you can disregard this. I got overzealous with my WP Rocket settings and caused this issue myself.

Sorry about that!
Dawn

[Jade]

Glad to hear you got it sorted, Dawn.

[Author]

Posts