imageshow not covering full width on mobile

Hi
How can I stretch imageshow to the full width on mobile?

Site url: http://thecatalyst.co/villacapung2014/

imageshow.jpg

Hi.
What is funny also on desktop this slideshow don't take full with.
Please use this:

Code: Select all

#accomodations .content.gkPage {
    max-width: 100%;
}

p.s.
As a person who traveled a lot. And saw many villas and their websites . First Home Screen looks fantastic.
But all those under pages with black background only... brrr like in horror house. Sorry, but this is how I feel.

Hi Oscar
Thanks for the code and the feedback on the color scheme (yes was hoping to have the image to cover the whole width so I can get rid of the black bg).

I have moved the gallery to page of its own.
http://thecatalyst.co/villacapung2014/index.php/gallery

How should the code be if I still want it to stretch across the width of the mobile? (For desktop can the code stretch proportionately?)

Hope to hear from you. Thanks.

Tristan

so only on this page you have to use:

For desktop:

Code: Select all

.content.gkPage {
    max-width: 100%;
}


And for mobile:

Code: Select all

.box.gallerybg.gkmod-1 {
    max-width: 100% !important;
}

tip: https://www.gavick.com/documentation/jo ... ted-pages/

Hi Oscar
Thanks for the guidance! It works now.

Tristan