3

[Jhule]

Jhule

#48610

I tried this and this works fine for me:

I just looked for the resolution of my cropped-header.jpg file:
The resolution is: width: 1200 and height: 210

Then I tried this code in the additional css code:

@media (max-width: 1199px) {
#header {
height: auto;
}
}

[Marcel]

Marcel

#48611

When I inspect with FF it tells me the following, It looks like the title is moved with different resolutions

[Jhule]

Jhule

#48612

When I use contributing picture –> I have also the problem with the white space 🙁
So I can’t use contributing picture at the moment…

Greetings Jhule

[geoffroy33]

geoffroy33

#48613

Hello its OK for me with custom css

[Syahir Hakim]

Syahir Hakim

#48616

Guys, please try the following version and let me know how it goes with the header:
Graphene 2.1.1

[Marcel]

Marcel

#48622

Getting better. There are still some screen sizes where there is a small white area.
I used Chromium and here is what shows when inspecting the page

[Syahir Hakim]

Syahir Hakim

#48623

@Marcel, what’s the link to your site? I’d like to take a look.

[Marcel]

Marcel

#48625

Its https://www.teawea.com
I am again on 2.1.1 not 2.1.1.x

[alpha_DE]

alpha_DE

#48626

Syahir,

the version looks good on the PC browser (Firefox), on my smartphone (Firefox for Android), the graphic is displayed fine, but the upper quarter of the website title is displayed outside the visible area and therefore cut off.

[alpha_DE]

alpha_DE

#48627

@Syahir, on another site with hidden website title, it’s fine. The site with title is https://www.araz-textilservice.de