移动响应徽标

Question

我正在尝试使网站的移动版本上的徽标居中（仅移动设备而不是台式机）。请帮忙。

编辑：当我添加CSS以使徽标居中对齐时，它将执行站点的桌面版本而不是移动版本。我只希望移动版本的徽标中心对齐。

<div class="container">
    <header class="header">
        <!-- Logo -->
        <div class="logo">
            <a href="<?php echo esc_url( home_url() ); ?>">
                <?php
                    $logo              = get_theme_mod( 'logo_img', false );
                    $logo2x            = get_theme_mod( 'logo2x_img', false );
                    $logo_width_height = get_theme_mod( 'logo_width_height', '' );

                    if ( ! empty( $logo ) ) :
                ?>
                    <img src="<?php echo esc_url( $logo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" srcset="<?php echo esc_attr( $logo ); ?><?php echo empty ( $logo2x ) ? '' : ', ' . esc_url( $logo2x ) . ' 2x'; ?>" class="img-responsive" <?php echo sanitize_text_field( $logo_width_height ); ?> />
                <?php
                    else :