This topic contains 15 replies, has 2 voices, and was last updated by  Skandha 3 weeks, 4 days ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #182042

    Pauline
    Participant

    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

    #182050

    Skandha
    Keymaster

    @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

    #182088

    Pauline
    Participant

    Hello!

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

    #182188

    Skandha
    Keymaster

    @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

    #182202

    Pauline
    Participant

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

    #182272

    Skandha
    Keymaster

    @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

    #182275

    Pauline
    Participant

    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.

    #182280

    Skandha
    Keymaster

    @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

    #182609

    Pauline
    Participant

    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

    #182646

    Skandha
    Keymaster

    @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

    #182666

    Pauline
    Participant
    #184289

    Skandha
    Keymaster

    @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

    #184319

    Pauline
    Participant

    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???

    #184369

    Skandha
    Keymaster

    @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

    #184398

    Pauline
    Participant

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

    Kind Regards,
    Pauline

    #184434

    Skandha
    Keymaster

    @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

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.