It just does not show up properly as a background image. If i enable the slideshow module and have only one slide, it is full screen and does not loop, stays as a static image. That is exactly what i want, but it only works on a desktop, the image doesnot show up on mobile devices.
Is there anyway for it to show up on mobile devices? Actually it was showing up on mobile devices but had the padding, but after i inserted the last code that u provided, the image stopped showing.

Thanks
Kk

Hi KK

This option is not available with a static image. The background:cover CSS property will only work with a background image. May I suggest using the 'header background image' option available with the template.

Ciarán

What I'm trying to achieve is basically a static header image with a full screen width, not a slideshow, but if I make an image module, it does not stretch full screen, even on the showcase position.
Thanks,
KK

Hi KK

Could you also try adding the following Custom CSS...

@media only screen and (max-width: 1024px) {

#container_slideshow {

    padding-top: 0px;

}}

Ciarán

It works perfect on a desktop, but the padding is still there on a mobile device.

Thanks,
KK

Try the following custom css..

#slideshow.block_holder {

    padding: 0;

}

Ciarán

http://www.kksfavthings.com/test

Thanks
KK

Hi KK

Would you have a URL directly to an example of this issue?

Ciarán