Parallax using multiple modules

I'm trying to use the module suffix "parallax-bg for the background of 2 modules in the #gkBottom1 position. My only problem is that it will not cover 100% of the screen width. I've tried adding width: 100%; to a custom css file but nothing changes.

I finely did this:

#gkBottom1 {
background:url("../images/jerian-1b.jpg") no-repeat !important;
background-attachment:fixed !important;
background-size: cover !important;
max-width: 100% !important;
max-height:100% !important;
}

This works but I want to use the module parallax-bg suffix so I can have a different background for mobile devices by using the "only-mobile".and "only-desktop" suffixs.

Hi

Please remove Your code and put Your background using our parallax solution, so I'll be able to see how to resize the image to fit full width.

I found the problem. I added a page width override in the custom css that I needed to turn off. It doesn't seem to work on an Ipad in landscape it just shows on the first module in that position.

Hi

Ok, so is this problem solved or do You still wish me to take a look? I still do not know an url to Your site so cannot confirm it's fine now.