Responsive Header Image for Mobile – Argent Theme

• 

  travistatman · Member · Jun 26, 2019 at 3:37 am

  • Copy link
  • Add topic to favorites

  Hey WP family!

  I’m trying to insert an alternate image optimized for mobile as my current header image is too small to read on mobile devices. View the site here: https://halhershfield.travistatman.com

  I’m using the Argent theme, and have tried several CSS solutions to no avail. I would appreciate any help here! @thesacredpath if you’re out there help! :) 

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

• 

  kokkieh · Staff · Jun 26, 2019 at 10:13 am

  • Copy link

  Hi there,

  This forum only provides support for sites hosted on WordPress.com.

  For help with the self-hosted version of Argent, in future please post in https://wordpress.org/support/theme/argent/ instead.

  This code should do the trick:

  @media screen and (max-width: 767px) {
    .site-branding {
      background-image: url('IMAGE_URL_HERE');
    }
  }