custom logo on mobile devices for Embrace

gistfile1.txt

add_action('init','crum_remove_standard_logo');
function crum_remove_standard_logo(){
	remove_action( 'reactor_header_inside', 'reactor_do_title_logo', 1 );
}

function reactor_do_title_custom_logo() {

	echo '<div class="logo  large-2 medium-2 small-12 columns">';

	reactor_do_custom_logo(false);

	echo '</div>';

}
add_action( 'reactor_header_inside', 'reactor_do_title_custom_logo', 1 );

function reactor_do_custom_logo( $side_menu = false ) {

		$logo   = reactor_option( 'custom_logo_media', get_template_directory_uri() . '/library/img/logo.png' );
		$logo2x = reactor_option( 'custom_logo_retina', get_template_directory_uri() . '/library/img/logo@2x.png' );

		if ( true === $side_menu ) {
			$side_menu_logo        = reactor_option( 'side_custom_logo_media' );
			$side_menu_logo_retina = reactor_option( 'side_custom_logo_retina' );
			if ( isset( $side_menu_logo ) && ! empty( $side_menu_logo['url'] ) ) {
				$logo = $side_menu_logo;
			}
			if ( isset( $side_menu_logo_retina ) && ! empty( $side_menu_logo_retina['url'] ) ) {
				$logo2x = $side_menu_logo_retina;
			}
		}

		if ( $logo['url'] == 'h' ) {
			$logo['url'] = get_template_directory_uri() . '/library/img/logo.png';
		}
		if ( $logo2x['url'] == 'h' ) {
			$logo2x['url'] = get_template_directory_uri() . '/library/img/logo@2x.png';
		}

		?>
		<?php if ( $logo['url'] || $logo2x['url'] ) : ?>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"
			   title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">

				<img data-interchange='[<?php echo $logo['url']; ?>, (default)], [<?php echo $logo2x['url']; ?>, (retina)]'
				     alt="" class="hideie">
				<img src="<?php echo $logo['url']; ?>" alt="" class="ie">
				<?php if ( ! ( true === $side_menu ) ) {
					$side_menu_logo = reactor_option( 'side_custom_logo_media' );
					if ( isset( $side_menu_logo ) && ! empty( $side_menu_logo ) ) {
						?>
						<img src="<?php echo $side_menu_logo['url']; ?>" alt="" class="side-menu-mobile">
					<?php
					}
				}?>
				<noscript>
					<img src='<?php echo $logo['url']; ?>'
					     alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'>
				</noscript>
			</a>
		<?php else: ?>

			<div class="title-area">
				<p class="site-title">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>"
					   title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"
					   rel="home"><?php bloginfo( 'name' ); ?></a>
				</p>

				<p class="site-description"><?php bloginfo( 'description' ); ?></p>
			</div>
		<?php endif;

	}