Change header image for mobile version

  • Author
    Posts
  • #3222217

    The header image I’m using doesn’t show nicely on the mobile version. Is there a way to change that, crop it differently for mobile version that it is for desktop?

    The blog I need help with is after.movie.blog.

    #3222219

    ami0789
    Member

    Hello

    You have to add custom CSS to change the header image for mobile devices. If you have a Premium or Business plan, go to My Site>>Customize>>CSS and add the code shown below.

    @media screen and (max-width: 480px){
    .site-branding {
        background: url(your image URL) center center;
     }}

    You need to change the your image URL with the actual image URL link
    Please check the support document to add custom CSS.
    https://en.support.wordpress.com/custom-design/editing-css/

    Let us know if it helps

    Regards:

You must be logged in to reply to this topic.