full width slide and content width fixed

Hi i have to put a full width slide, so you can see pictures in a banner slideshow while the width of the template is fixed to 960px for example. I found a solution but is not perfect because in mobile or tablet the content become on the left instead to keep the center. The site is www.assoluto-eyewear.com .
What do you think? In tablet for example the header and the slide are ok, but the content is on the left and the footer is shorter....

Best I see you can get with that component you found I think is to add this at bottom of template_css.css:

DIV#slide, DIV#slide *{
max-width:100%;
}

you should ask module vendor for better solution.

I tried to do what you wrote but it was worse than before: the width of the slide is with this css like the width of template content....
In my css I have the slide picture of 1600px and template width of 1008px. Try to open it with android tablet in vertical and you can see what is different from pc.

I can only suggest you use our hot full carousel