Width scaling not working properly despite CSS

Hi there,

I just found out about your plugin and it’s awesome!

Unfornunately I can’t get my single random gallery to work. In my footer, there is a table which contains a google map in one column, and also in another column the gallery. It works fine until I scale down my page to the size of a mobile device. The table column is scaling down until it hits the gallery’s borders, which do not seem to be as big as the displayed image, but a lot larger. I tried to scale down the whole thing by using the following snippet I already found here in the support forum, but this does only scale the image and not the whole gallery:

@media screen and (max-width:1200px){
.bwg_container{
        max-width:50%
   }
}

Am I missing something? Appreciate the help!

Best Regards

Daniel

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