Image Header no responsive + menu navbar

Screenshot_2016-09-18-12-07-34.jpeg

Hi i have a problem with header's image and i have serached on forum, without a solution.
1 ) I would make responsive the image in header in all pages for mobile version, to cover all assigned space. There is an other problem in home: if i put width 100% ì, also the image in overlay with logo become oversize.

Screenshot_2016-09-18-12-07-34.jpeg

Screenshot_2016-09-18-12-07-46.jpeg

2) i would create a nav bar with a flat colour background behind the menu, like when it appear scrolling down. Is it possibile via css?

website is http://web211.login-145.hoststar.ch/paw/

attached files

Thank you for the support,
Gabri

Hi

1. I would propose to make a change to this section. Add this code to override.css and use background instead of the image:

Code: Select all

#gkHeaderMod {
    background: transparent url("/paw/images/demo/restaurant-style/header_bg.jpg") no-repeat scroll 0 0;
    background-size: cover;
}

#gkHeaderMod img {
    display: none;
}


2. This would require some modifications to template's code. I'm afraid we do not support that.

Hi, i have an other question: is it possible center image when it scale out in mobile versione? So the airplane is center also in mobile version? Thank you,

Gabri

Hi

Try with code:

Code: Select all

#gkHeaderMod { background-position: center center; }