Problem with mobile view

Hi!

Please take a look: www.theblizzards.de

In the mobile view the picture with the guitar has black bars at the beginning and at the end.
I've chosen the same size as sample picture. Where's the problem?

Thanks!

Hi

Please try add this to tablet.css:

Code: Select all

.frontpage.dark-bottom #gkDarkBottom {
    background-size: auto 100%;
}


Thank you for your answer! It works but the resolution of the picture isn't nice any longer... another solution?

Hi

That's because mobile and tablet has it's own sizes of images with guitar. Please replace them with a bigger ones.


http://www.theblizzards.de/templates/gk ... mobile.jpg

or use the image from a widther layouts with this code:

Code: Select all

.frontpage.dark-bottom #gkDarkBottom {
    background-image: url("../images/common/dark_bottom_bg_tablet.jpg") !important;
    background-size: auto 100%;
}


at the end of mobile.css file.