Header height too big, despite no content. Topmost image link not clickable

[Pbalazs89]

Hi there,

I have a site here:

http://bigfish.ethermedia.hu/etelek/

I have images there that take the visitor to the respective menus.
Thing is, the topmost image, labeled Kedvencek is only clickable on the lower part of the image. Upon using the inspector this is because of the height of the header.

I checked the header, and I can see that the header’s height is 32em and decreasing that results in the header bg being smaller. That probably is not why this issue is happening, but because of the open table registration widget. To combat this, I tried to assign a max-height to it, but this did not fix the issue. How should I approach this?

Thanks!

[friech]

Hi @Pbalazs89,

Thank you for writing in, the excess height is coming from the table registration widget itself.

• 

That could be resolved with

div.opentable iframe {
	height: auto;
}

But that will cause an issue with the date picker/calendar. So I would suggest that you increase the height of the Bar instead where your table registration widget is placed. Increase it until the date picker won’t overlap with the picture anymore.

And please contact the table registration widget support as well, they might have a better solution on this.

Cheers!