Header image: Desktop vs Mobile

  • Author
    Posts
  • #153340
    ladykillersg
    Member

    Hi Emily, I’ve just changed the header image of my blog. On the desktop version it is cropped and aligned just fine.

    But on mobile, it doesn’t go so well. The area that the mobile header chooses to show is the left side of the image. is there a way that i can have the mobile header show the centre of the image instead?

    The blog I need help with is: (visible only to logged in users)

    #153341
    ladykillersg
    Member
    Original poster

    i am following the recommended dimensions of 1600×480, does the glaring misalignment come from the pixel resolution of the photos? (i noticed resolution affects the way featured images on blog posts were showing up)

    #153432
    itsdavidmorgan
    Theme Author

    Hello,

    Try adding the following style to resolve the background position in mobile:

    #custom-header .header-img {
        background-position: center;
    }

    That should do the trick! Let us know if there is anything else.

    Thanks!

    #153452
    ladykillersg
    Member
    Original poster

    worked perfectly. thanks david

    #153487
    emilysuesrq
    Theme Author

    Good to hear! Let us know if you need anything else.

  • The topic ‘Header image: Desktop vs Mobile’ is closed to new replies.