How to use Shopify theme settings to create mobile-specific logos |

mobile-logo-styles.scss

/*================ Display and hide logo images on header ================*/

/* Large devices (over 700 px) */
@media only screen and (min-width: 701px) {
  #mobile{
    display:none;
  }
} 

/* Small devices (under 700 px) */
@media only screen and (max-width: 700px) {
  #desktop{
    display:none;
  }
}