Hey guys,

I am trying to find a way to adjust the size of the survey container. Since it is dynamic, it leaves a lot of unused space when in full screen. My survey has questions with a lot of text and I would like to make the container wider so that it uses more free space. I have played with CSS for dynamicReloadContainer and outerframeContainer in custom.css but it didn't help. Can someone please give a hint where to look or which element I should adjust?

there is an option for that in the theme option
just turn off "survey container"

I know but I don't want to turn it off completely.

So knowing that LS use Bootstrap 3:
stackoverflow.com/questions/15884102/boo...dth-of-the-container

The media query's "min-width" value will tell CSS to change the width of your container to 1000px only on screens larger than 1200px (or whatever width you choose to include there). This preserves the responsiveness of your site, so when the screen size jumps below that value (smaller monitor, tablet, smartphone, etc.), your site will still adjust to fit the smaller screens.

you can add those CSS changes to your custom.css file.

You can override the bootstrap rule with something like this:

Great! Thanks guys! I'll play around with the values to see what looks best.