Change header image for mobile version

• 

  aftermovieslovakia · Member · Dec 2, 2018 at 4:08 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  ami0789 · Member · Dec 2, 2018 at 4:13 pm

  • Copy link

  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: