Hompage parallax image with ugly gaps - even in offical demo

Hi dear team,

the frontpage suffix is causing ugly gaps (left and right of the parallax-image) on smaller screens.
See
https://demo.gavick.com/joomla3/quark_restaurant/
If I remove this suffix, the parallax image is jumping up and there is a gap to the main content.

Can you please advise,
David

Please see the attachment.
Any advise is apprechiated very much!

Thank you,
David

Hello outhere,

this is a seriuos issue and I'm waiting for one week now.

Not amused : (

David

Nobody any idea?

hi david
give "#gkHeaderMod img" more height, so edit small.tablet.css, line 41 and try with 140%:
==
#gkHeaderMod img, .single-page > .header > img, .blog-page > .header > img, #k2Container.single-page > .header > img, #k2Container.blog-page > .header > img {
height: 140% !important;
width: auto !important;
max-width: none !important;
}
==
hope this helps.
bye, matreas

Hi Matreas,

wonderful, you saved my day!
I'm wondering why nobody else mentioned this bug.

Thank you very much indeed,
David

Hi

Please do not bump Your own questions. It only moves the question to the end of the line.

In template configuration in "Image" section You will find a place to set heights for header image. There You can select a height which will fit Your need and use 100% of the area for image.

Hi,

thank you very much indeed for your reply!

David

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