header mobile view

Hi, please have a look at this page:
http://www.coldplayzone.it/coldplay/ban ... artin.html

the image in the header position in not responsive in mobile view.
I can see it responsive until Tablet view but not in mobile view.

I used ImageShow to create that module, just like the big header in homepage (that is responsive in mobile view too)

any help?

Thanks

Sorry, but I got:
Error 404!
/coldplay/band/chris-martin.html
File Not Found!

while accessing your site.

the site is online now, sorry

You have set your logo for "text" type. There is no chance to make it responsive. You could change it to image, and then use some css magic to make the image responsive.

Hi,
I was talking about the image in the header position, not about the logo.
Please see this image.


Please try to see this page on a smartphone:
http://www.coldplayzone.it/coldplay/ban ... artin.html

Thanks

Hi

I was asked by user to join this conversation. Please try add this coed to css:

Code: Select all

.gkIsWrapper-gk_musicstate .gkIsSlide {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
}


this would resize it without cut, but will left some space on top an bottom. I would advice to show the center part and cut edges with this code instead:

Code: Select all

.gkIsWrapper-gk_musicstate .gkIsSlide {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
}


I used the second code and it works perfectly. I like it!!
Thanks