[Olaf]

Hi,

i use the 4.3.3

The header should be 1200x450px but the theme render the header graphic to 1160x435px

https://www.man-life.de/

Why this happen?

Regards
Olaf

[Skandha]

@hanmedia: The recommended image size for header image is 1200*400px. You seem to have uploaded an image of 1200*450px so to maintain the aspect ratio the size has decreased to 1160x435px.
I suggest you to upload an image of size 1200*400px or of similar aspect ratio.

Kind Regards,
Skandha

[Olaf]

Hi,

but with the last version i use before the update this issue not happen to my header graphics.

Is there any way to turn off this ratio function?

Regards
Olaf

[Skandha]

@hanmedia: Hello there,
You can try uploading this image and check if this resolves the issue.

Kind Regards,
Skandha

[Olaf]

@Skandha
Your image doesnt fix the problem.

I update some other sites with the same theme in the last days. There is the headergraphic original in 1200×400 and the same issue. That should not happen, right?

So i think there is an error in this theme but where…

Regards
Olaf

[Skandha]

@hanmedia: Hello Olaf,
I checked your site and the image seems to be displaying fine. Are you complaining that the image on your site is not displaying full dimension of 1200*400px?

Kind Regards,
Skandha

[Olaf]

Hello,

yes thats what i mean. Left and right are not like before i made the update.

Regards
Olaf

[Skandha]

@hanmedia: Hello Olaf,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site {
	width:1250px;
}

Let me know if this works out!
Kind Regards,
Skandha

[Olaf]

@Skandha

You can see the result…the header graphic is still to small. There must be a mistake inside the theme.

Here you can see an website with the old version 4.3.1, there is everything fine, even the header is big size 1200×500:
https://www.katzen-ideen.de/

Regards
Olaf

[Olaf]

Good morning,

i installed a new website and a 1200×400 header – and same problem. so it CANT be my graphic.

I think ther is a mistake with the header, maybe a wrong div or something like this.

I bought a support ticket here and send it but until now i dont receive a message.

🙁

Regards
Olaf

[Skandha]

@hanmedia: Hello Olaf,
The header image you used in https://www.man-life.de/ is 1200*400px whereas the header image used in https://www.katzen-ideen.de/ is 1200*500px.

I will further look into the issue and get back to you soon.
Kind Regards,
Skandha

[Olaf]

I think its not an issue about the graphic. I think its inside the code.

[Olaf]

Hi,

a friend check the issue for me and he told me this:

1. remove this in custom css

.site {
width:1250px;
}

2. change from
<div class=”custom-header”>
to
<div id=”custom-header”>
in html

3. Insert this

#custom-header .wrapper {
padding: 0px;
}

in “style.css”

(maybe) after definition of this:
.wrapper
in line 550

But i dont know where i have to make the changes. Can you evaluate if the changes are correct? If so that is definitely an issue of the version 4.3.3 and must be fixed asap.

And im wondering why i dont get professional support here even i pay for that. Thats really poor.

[Skandha]

@hanmedia: Hello Olaf,
Adding just the following CSS should solve the issue.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header .wrapper {
     padding:0;
}

Let me know if this works out!
Kind Regards,
Skandha

[Olaf]

Hi,

it works. Thank you.

But why they make this change without to put in into the changelog?

Its a lot of trouble and work for me now.

And the professional support doesnt give me an answer…thats poor.

Hope they give me back my money.

Greetings from Germany

[Olaf]

Hello,

another issue with the new header in 4.3.3:

https://www.man-life.de/

Under the header graphic is now a small space visible…here you can see an old version without the space:
https://www.katzen-ideen.de/

So maybe you have another idea how i can fix this…I really hope they fix this issue asap and bring a new version…

REgards
Olaf

[Skandha]

@hanmedia: Hello Olaf,
The thing is in this link https://www.man-life.de/ the image displaying is the header image whereas in this link https://www.katzen-ideen.de/ the image displaying is a Header Featured Image so they have slightly different Html structure.

So for the gap below the image you can
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header img{
	display:block;
}

Let me know if this works out.
Also out representative will get back to you regarding the Premium Support Ticket Issue.
Kind Regards.
Skandha

[Author]

Posts