Different looks of header in different browsers

Hi there

Here’s my website: www.vegan-challenge.ch PW: vchallenge

My problem is as follows

The main header isn’t always displayed correctly. Some browser display don’t work properly. I imagine that I have to add some custom CSS? Can you tell me what exactly?

Thank you in advance

Hello, can you please provide some explanatory screenshots? Also I noticed that your slide image is huge, you might want to replace it with Full HD image to improve site performance (especially on mobile devices).

Kind Regards, Roman.

The first image was taken on a Ubuntu PC using a Google Chrome Version 66.0.3359.117 (Official Build) (64-bit).

What can I do to fix that?

Thanks for the hint with the image size. We will take care of that.

The second image was taken on a Mac with a safari: Version 11.0.3 (13604.5.6)


I don’t see this issue on my Ubuntu computer with Full HD screen, it’s an image/screen aspect ratio issue, not a browser/OS issue. Default Sydney header slider crops slide images in order to use whole width and height, and there is no easy way to change it. But you can try to use image widget instead, please check this topic for more details:

Kind Regards, Roman.

P. S.
Also you can try to use another slider if you would like to add some text over image (you can separate text from image for SEO and responsive purposes):