plugin conflicting with custom css

Hi there,

I realy like your plugin and wrote a good review for you!

I have 1 problem with it though.

I wanted to have a sticky background on mobile devices and unfortunately this is not possible in my theme (or at all). A supportagent of avada theme helped me out with some custom css to make sure i get a fixed background on mobile.

@media only screen and (max-width:400px) {
#main:before {
content: “”;
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(https://ohohdenhaagkroegentocht.nl/achtergrond-mobiel/);
background-position: center center;
}

This is working fine while your plugin is not enabled. Unfortunately as soon as i activate it the original background image from my desktop site is loaded.

1 This looks realy ugly since it is zoomed in on a small portion of a very big image.

2 A big image is loaded while this should be a small image that is foot for mobile screens.

– I have tried Do not load the plugin on certain pages and tested when i added a url if the problem was gone: this did not work
– I have tried to deselect all siite wide common unloads and html source clean up options: this did not work
– I have tried deactivating your plugin: This works.

Could you think of anyway i can make this custom css work with your plugin since both of these are very important to me!

Kind regards,

Dominic

The page I need help with: [log in to see the link]