• I have successfully made a static website at 1024px. The last thing I’m trying to figure out is how to keep the “desktop” menu when I scale the browser window down. It seems that no matter what I do with the code, the responsive menu triggers at a browser size of 979px.

    Does anyone know where the code is that triggers the responsive menu?

    I’ve removed <div class="navbar notresp...> and it’s contents from the class-header-menu.php file, I’ve added
    `.navbar.resp {
    display: none;
    }
    .navbar.notresp {
    display: block;
    }`
    to my css using media queries, even tried !important, and everything else I could think of, but nothing seems to stop the responsive menu from appearing.

    I looked through the entire forum 3 times and found a related topic in this thread hoping it would have a solution, but alas it did not.

    I just can’t seem to figure this out for some reason and I’m certainly not new to web design. It’s driving me nuts. It’s the last thing I need to do to finish this site.

    Any information someone might have to solve this issue would be greatly appreciated.

    Thank you in advance

Viewing 9 replies - 1 through 9 (of 9 total)
  • I think you’re hacking the correct file.

    I’ve removed <div class=”navbar notresp…> and it’s contents from the class-header-menu.php file,

    Should you remove notresp code? Surely, you want to keep the notresp code in?

    Did you remove #106-#124?

    Thread Starter Seahawksean

    (@seahawksean)

    My mistake redell. That was a typo. I actually removed

    <div class="navbar resp">
    
                  <div class="navbar-inner" role="navigation">
    
                      <div class="social-block"><?php do_action( '__social' , 'tc_social_in_header' ) ?></div>
    
                          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                          </button>
    
                     <div class="nav-collapse collapse">
                          <?php wp_nav_menu( array( 'theme_location' => 'main' , 'menu_class' => 'nav' , 'fallback_cb' => array( $this , 'tc_link_to_menu_editor' ) , 'walker' => tc__ ( 'header' , 'nav_walker' )) );  ?>
                     </div><!-- /.nav-collapse collapse -->
    
                  </div><!-- /.navbar-inner -->
    
              </div><!-- /.navbar resp -->

    .
    When I did this all it did was remove the menu bar all together, when the browser is at 979px or smaller. The desktop version of the menu is not there, or it is hidden somehow.

    But I also placed .navbar notresp { display: block; } in the media query (max-width: 979px) of my css and desktop menu still doesn’t display when the browser window is that size or smaller.

    Still haven’t been able to figure this last thing out.

    In class-header-header_main.php #162-194, I’ve found this as a possible candidate:
    https://pastebin.com/G4xmCr6K

    Thread Starter Seahawksean

    (@seahawksean)

    Is that a custom php file that you created because I don’t see a class-header-header_main.php in my version (3.0.9)? If not, what folder with in the default customizr theme did you find that?

    Ah, my mistake sorry. That’s a 3.0.10 file which I’m beta testing.

    There is some restructuring in the next release so might be an idea to hold off for a few days if you can?

    Thread Starter Seahawksean

    (@seahawksean)

    I think I can hold off. Still waiting for the client to approve the site as it stands now. Probably won’t hear back from them for a couple of days anyway. Thanks for the heads up.

    Thread Starter Seahawksean

    (@seahawksean)

    rdellconsulting, were you able to remove the responsive menu but keep the nonrepsonsive (desktop version) menu in ver 3.0.10 and up as mentioned above?

    On this website (https://www.biologydesign.com/websites) I’ve held off from updating to 3.0.10 because all for the action hooks that were adding making it a pain to restyle the header and footer all over again as I had to do w/ another site.

    But if I can deactivate the responsive menu when the screen is below 979px in 3.0.10 then it would be worth my while to upgrade.

    Thanx

    I’d be really keen to know if this is possible too? I require to keep the desktop menu until the browser width is down to about 400px.

    Hello friends,

    I need the same trick, keep the notresp menu in smaller displays.

    Please help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Keep "desktop" menu for any browser/screen size’ is closed to new replies.