change header banner and/or its size for the mobile version

  • Hello,

    I have recently developed this blog: https://www.indifesadi.org, using Apostrophe theme, and I would like to change the image for the banner for the mobile version, or eventually its size. Which CSS code should I add or modify?

    Thanks a lot,

    Lorena

Viewing 1 replies (of 1 total)

  • Hi Lorena,

    You can use this as an example:

    @media (max-width: 767px) {
    .site-branding {
        background: url(https://s.w.org/about/images/desktops/wp-dkblue-blue-1440x900.png) center center;
    }
}

    This tells the site to use a specified background at the mobile widths.
    You can put a link to your own image in place of the one I have there. Just make sure to keep it inside the parenthesis.

    When you add the code, remember to not edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated. Instead, use the CSS editor included in the Customizer as of WordPress 4.7. under Appearance > Customize > Additional CSS in your dashboard.

Viewing 1 replies (of 1 total)
  • The topic ‘change header banner and/or its size for the mobile version’ is closed to new replies.