[Pauline]

Hello everyone!

I have a problem with the featured Image. On iPhone, i see the perfect image but on desktop, the image is not vertically centered. It’s cut horizontally in an unfavorable way. I would like that the picture will be adapted to the page. Can somebody help me? Thanks

[Skandha]

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

.custom-header .wrapper::before {
    background-position: right top;
}

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

[Pauline]

Hello!

i make it but the problem isn’t resolved…. sorry!

[Skandha]

@violoniste16: Hello Pauline,
I checked your site and the image seems to be showing up fine on mobile phone as well. Can you let me know what are you not satisfied with?

Kind Regards,
Skandha

[Pauline]

Yes on mobile phone is very well! The problem is on desktop!! On Desktop, the featured image aren’t in the center and adapted….

[Skandha]

@violoniste16: Hello Pauline,
I checked your site on both mobile phone and desktop and the header image seems to be showing up fine..
Can you please attach a screenshot of what you are not happy with?

Kind Regards,
Skandha

[Pauline]

ok. that ‘s the problem:https://www.dropbox.com/s/4394fzcbddpuvmh/Problem.pdf?dl=0 Here can you see the Problem with the featured image.

On Iphone, this image are correct like that : https://www.dropbox.com/s/jjbxhbgf1vk8bzx/Prefect.pdf?dl=0

I hope that it’s clear.

[Skandha]

@violoniste16: Hello Pauline,
That is due to the image is of dimension 801*1200px. The recommended Header Image Size is 1920*1080px. So please use image of similar dimension or similar aspect ratio.

Kind Regards,
Skandha

[Pauline]

Ok, I make one picture in 1920*1080 but the problem is still there…..

How can make that on Desktop the photo are well??? Please.

Kind Regards

[Skandha]

@violoniste16: Hello Pauline,
Can you please let me know which picture you are talking about? Please post in the link the page.

Kind Regards,
Skandha

[Pauline]

https://www.paulinereguig.com/biography/

or

https://www.paulinereguig.com/contact/

you can see the problem.

[Skandha]

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

.has-header-media:not(.home) .custom-header-media {
	height: 100vh;
}

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

[Pauline]

Yes it’s fine. Thank you! But now it’s on iPhone not the best way…. How can I make that both will be fine???

[Skandha]

@violoniste16: Hello Pauline,
Please use the following CSS Code instead of the above Code.

@media screen and (min-width: 715px) {
	.has-header-media:not(.home) .custom-header-media {
		height: 100vh;
	}
}

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

[Pauline]

Yes, it’s super! Thanks a lot for you helping dear Skandha!

Kind Regards,
Pauline

[Skandha]

@violoniste16: Hello Pauline, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/euphony/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts