header部分のレスポンシブ対応を無効化したいができない

Question

前提・実現したいこと

WordPressのMarinateというテーマを使っています。
ヘッダ部分に表示されているメニューについて、レスポンシブ対応を無効にしたいです。
Bootstrapを使っているようで、色々と試行錯誤してみましたが画面を小さくするとハンバーガーメニューに組み込まれてしまいます。
WordPress、HTML、CSS全てにおいて初心者なので試行錯誤している内容自体無駄なことなのかもしれないのですが、他に対応方法が調べてもわからず、恐れ入りますがご教示いただけないでしょうか。

テーマは以下からダウンロードしました
https://ja.wordpress.org/themes/marinate/

発生している問題・エラーメッセージ

ブラウザの画面を小さくするとヘッダメニュー（ナビゲーションメニュー）が消えてしまう
（左上のハンバーガーメニューに組み込まれてしまう）

該当のソースコード

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block; 
}  

/*@media screen and (min-width: 37.5em) {  
 * 画面サイズが37.5emからはここを読み込む　*/
   .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

<!--header.phpです-->
        <header class="site-header" id="masthead">
        <div class="container">        
        
        	<div class="col-lg-2 col-md-2 col-sm-1 col-xs-1 pushmenu push">
				<a id="marinate-navbtn" class="menu-btn"><span><span class="screen-reader-text"><?php esc_html_e( 'Open Sidebar', 'marinate' ); ?></span></span></a>                
            </div>
            
             <div class="site-branding col-lg-7 col-md-7 col-sm-10 col-xs-10">
					 <?php the_custom_logo(); ?>
                    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                    <?php
                        $description = get_bloginfo( 'description', 'display' );
                        if ( $description || is_customize_preview() ) : ?>
                            <p class="site-description"><?php echo esc_html( $description ); // phpcs:ignore WordPress.Security.EscapeOutput.DeprecatedWhitelistCommentFound ?></p>
                    <?php endif; ?>
              </div>        
              
        	<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 hidden-xs hidden-sm">           
                
				<?php
                    $socialheader = get_theme_mod('marinate_social_ed', '0');
                    $fb = get_theme_mod('marinate_button_url_fb');
                    $tw = get_theme_mod('marinate_button_url_tw');
                    $pin = get_theme_mod('marinate_button_url_pin');
                    $insta = get_theme_mod('marinate_button_url_ins');
                    $gplus = get_theme_mod('marinate_button_url_gp');
                    if ($socialheader) {
                    ?>
                    <ul class="social-networks">
                        <?php if ($fb) { ?><li><a class="facebook" href="<?php echo esc_url($fb); ?>"><i class="fa fa-facebook"></i></a></li><?php } ?>
                        <?php if ($tw) { ?><li><a class="twitter" href="<?php echo esc_url($tw); ?>"><i class="fa fa-twitter"></i></a></li><?php } ?>
                        <?php if ($pin) { ?><li><a class="pinterest" href="<?php echo esc_url($pin); ?>"><i class="fa fa-pinterest-p"></i></a></li><?php } ?>
                        <?php if ($insta) { ?><li><a class="instagram" href="<?php echo esc_url($insta); ?>"><i class="fa fa-instagram"></i></a></li><?php } ?>
                        <?php if ($gplus) { ?><li><a class="google-plus" href="<?php echo esc_url($gplus); ?>"><i class="fa fa-google-plus"></i></a></li><?php } ?>
                    </ul>
                    <?php
                    }
                ?>
                
                
            </div>              
			</div>
			<div class="clearfix"></div>	
<!--			<nav class="navbar navbar-default navbar-fixed-top">
					<div class="container-fluid">-->
            <nav class="navbar navbar-default main-navigation hidden-xs hidden-sm" id="site-navigation">
		        <div class="container">                    

                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only"><?php echo esc_html('Toggle navigation', 'marinate') ?></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">                                                                   
						  <?php
                            wp_nav_menu( array(
								'theme_location' => 'menu-1',
								'menu_id'        => 'primary-menu',
								'container'      => 'ul',
								'fallback_cb'    => 'wp_page_menu',
								'menu_class'     => 'nav navbar-nav main-nav',
								'item_wrap'      => '<ul class="%2$s">%3s</ul>',
								'fallback_cb'    => 'WP_Bootstrap_Navwalker::fallback',
								'walker'         => new WP_Bootstrap_Navwalker(),							  
                            ) );
                          ?>                        
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
            </nav>
                <!-- /.container -->            
        </header>       

試したこと

①Style.cssで以下をコメントアウト
/*@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}

   .main-navigation ul {
display: block;
}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}

②WordPressの追加CSSに以下を記載

.navbar navbar-default main-navigation hidden-xs hidden-sm
{
position: fixed;
}

.navbar-header {
position:fixed;
}

.header {
position:fixed;
}

③header.phpで以下のように変更

<!-- <nav class="navbar navbar-default main-navigation hidden-xs hidden-sm" id="site-navigation"> <div class="container"> をコメントアウトして以下に変更 <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> 参考にしたURL：http://bootstrap3.cyberlab.info/components/navbar.html#usage8 ### 補足情報（FW/ツールのバージョンなど） WordPress 5.4.2 Marinateテーマ使用

Answer 1

WordPress、Marinateテーマで確認してないですが、

Bootstrap3の場合
hidden-xs hidden-smを消すと非表示にならず、

Bootstrap4の場合
d-blockを付けると表示されます。

Comments

[ringoringogogo]

ご回答ありがとうございます！
Bootstrap v3.3.7 でした。すみません。

以下の部分をコメントアウトしたのですがスマホで読み込み直してもハンバーガーメニューに組み込まれてしまいます・・・hidden-xs, hidden-smに絞ってもう少し調べてみます。ありがとうございます！

/*@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}*/

[akihiro3]

説明不足でした。すみません。

bootstrapはcssを触らなくてもいいフレームワークです。
ですので、hemlのclassからhidden-*を消してください。

例
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 hidden-xs hidden-sm">
　　↓
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">

[ringoringogogo]

ご丁寧にありがとうございます！！
なるほど、そうなのですね。
その方法でやり直してみたのですがやはりヘッダーのナビゲーションバーは消えてしまいました・・・
私のやり方がまずいのかもしれないのでもう少し見てみます、本当にありがとうございます。