header photo in mobile view

Hello,
I have been searching this forum for solution of my problem with Steakhouse theme but I didn't find it.
Maybe I don't understand everything what is written on this forum (my English), sorry.
My problem is that the header image "header_bg.jpg" is not correctly fiting to mobile screens. On mobile devices I see only centre of this picture.
It's very important because photo is looking very good on large desktops but when I display my site on mobile device site loses all their charm.

Hi

I'm afraid this is the only way to manage header with content inside. Please tell me the url to Your site so I'll see how would it looks like if I remove some content on mobile.

Hi,
Thank You for Your answer. This is temporary address of this website:
http://cleaning.dobrestrony.waw.pl/

I have also another question , on this website I have done gallery grid on Grid GK5 module but I have problem with spaces between grids - horizontal 10px spaces, I didn't find file which is responsible for this. I want to remove them.

If anyone want to help me, correctly url is:
http://propertymaintenanceteam.co.uk/

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:650px) {
#gkHeaderMod p {
    line-height: 0;
    margin: 0;
}
}


thanks, it works.
I think this code should be in this template forever

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro