Change header image for mobile version

  • Author
  • #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




    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.

    Let us know if it helps


The topic ‘Change header image for mobile version’ is closed to new replies.