Weird background that won't go away in mobile format

There is a weird background that only shows up on mobile for my website and I can’t seem to find where to get rid of it. When I open the content bands to try to remove them or make the backgrounds white it just doesn’t work. There seems to be some other place where the background is coded in and I can’t seem to find where that is to remove it. Can you help?

I’m editing with just visual composer but in the pro theme.

An example be can viewed here
http://apollofotog.staging.wpengine.com/photo-booth-rental/

Hello Jonathon,

Thanks for posting in. I already check your page and I could not find the issue. This is what I am seeing:

I guess you might be having some caching issues. Please clear all your site caches, plugin caches and browser cache as well. Use private browsing mode in your browser and test your site again.

Please let us know how it goes.

Hey @ruenel ! Yea it’s weird because it switches content bands and jumps around. If you scroll on the page down to the lower content bands on mobile you will see what I mea

Hi Jonathon,

This is the CSS code that applies the background-image, but I could not pin-point where was this added. Please find this on Theme Options > CSS, on VC Page CSS and remove it.

@media (max-width: 400px) {
	#x-content-band-11, #x-content-band-13, #x-content-band-15, #x-content-band-17, #x-content-band-19 {
	    background-image: url(http://apollofotog.staging.wpengine.com/wp-content/uploads/2013/06/green-wallpaper-50percent.png);
	    background-color: transparent !important;
	}
}

In case this CSS is not preset on those area, please audit your content starting on the 2019 Backdrops content band, look for a broken HTML tag, and correct it.

And please if you have an optimizer plugin, please clear and deactivate it so we can see on browser’s developer tool where is the custom CSS is coming from.

Thanks,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.