header mobile view

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Feb 27, 2014 5:28 pm
Reply with quote
Report this post
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
User avatar
Expert Boarder

GK User
Sat Mar 01, 2014 7:42 am
Reply with quote
Report this post
Sorry, but I got:
Error 404!
/coldplay/band/chris-martin.html
File Not Found!

while accessing your site.
User avatar
Moderator

GK User
Sat Mar 01, 2014 1:00 pm
Reply with quote
Report this post
the site is online now, sorry
User avatar
Expert Boarder

GK User
Tue Mar 04, 2014 10:22 am
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Tue Mar 04, 2014 11:16 am
Reply with quote
Report this post
Hi,
I was talking about the image in the header position, not about the logo.
Please see this image.
Image

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

Thanks
User avatar
Expert Boarder

teitbite
Tue Mar 04, 2014 4:32 pm
Reply with quote
Report this post
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;
}
User avatar
Moderator

GK User
Tue Mar 04, 2014 7:16 pm
Reply with quote
Report this post
I used the second code and it works perfectly. I like it!!
Thanks
User avatar
Expert Boarder


cron