imageshow not covering full width on mobile

Well-designed restaurant Joomla template with parallax effect.
GK User
Thu Nov 27, 2014 11:34 am
Hi
How can I stretch imageshow to the full width on mobile?

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

imageshow.jpg
User avatar
Senior Boarder

GK User
Thu Nov 27, 2014 11:24 pm
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%;
}
User avatar
Platinum Boarder

GK User
Thu Nov 27, 2014 11:27 pm
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.
User avatar
Platinum Boarder

GK User
Mon Dec 08, 2014 12:00 pm
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
User avatar
Senior Boarder

GK User
Mon Dec 08, 2014 12:25 pm
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/
User avatar
Platinum Boarder

GK User
Fri Dec 12, 2014 12:15 pm
Hi Oscar
Thanks for the guidance! It works now.

Tristan
User avatar
Senior Boarder


cron