add image only in frontpage mobile

Hi! I'd like to insert a static image in gkMain positiom, only in the front page on mobile version of my site, is it possible?

Yes, you need to use override.css, image background and technique called media-query:

Code: Select all

@media all and (max-width: 580px) {
#gkMain{background: transparent url(../images.....) 0 0 no-repeat;
   background-attachment:fixed;
}


You just need to change 580px to a value that you have set in your template settings as mobile width. Also css should be corrected to suit your needs.

Remember to enable "CSS override" in template settings - advanced section.

Yes, you need to use override.css, image background and technique called media-query:

Code: Select all

@media all and (max-width: 580px) {
#gkMain{background: transparent url(../images.....) 0 0 no-repeat;
   background-attachment:fixed;
}


You just need to change 580px to a value that you have set in your template settings as mobile width. Also css should be corrected to suit your needs.

Remember to enable "CSS override" in template settings - advanced section.

Thank you, but It doesn't work.... I don't see the image-background.. I think that with this solution I've to see the image background in all the pages but I need it only in front page....Maybe Insert the slideshow of the desktop template in mobile version is easiest?

1. Could You please post an url to your site?
2. You can use page suffix technique to get the image only on one site:
http://www.gavick.com/documentation/gen ... mla-pages/