how can I get the navbar dropdown to close after selecting a link? – Themeco Community https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/feed/ Sat, 11 Oct 2025 23:16:47 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-71788 <![CDATA[how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-71788 Tue, 22 Jul 2014 03:49:07 +0000 Christian L Right now in mobile view the navbar menu stays extended after selecting a link which make navigation confusing. How can I make it retract after a selection.

Thanks,

Christian

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-71959 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-71959 Tue, 22 Jul 2014 14:27:24 +0000 Kosher K HI Christian,

Im not sure what you really mean. Did you have one page navigation?

When a link is click, your site reloads and off course the nav bar will close.

Can you please provide URL to your site?

Thanks

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72099 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72099 Tue, 22 Jul 2014 19:14:50 +0000 Christian L https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72482 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72482 Wed, 23 Jul 2014 16:29:26 +0000 Zeshan Hi Christian,

Thank you for writing in!

You can achieve this by adding the following JS code in Customizer > Custom > JavaScript:

jQuery(document).ready(function($) {
  $('.x-navbar .x-navbar-inner .x-nav-collapse .x-nav a').click(function(){
    $('.x-nav-collapse.in.collapse').removeClass('in').css();
  });
});

Hope this helps. 🙂

Thank you.

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72599 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72599 Wed, 23 Jul 2014 19:38:33 +0000 Christian L I entered this in customizer and no effect. Do I have to activate it somehow?

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72689 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72689 Wed, 23 Jul 2014 22:24:28 +0000 Christian L this also seems to have sometimes disabled my static nav button in mobile view without causing automatic closing. 🙁

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72906 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-72906 Thu, 24 Jul 2014 08:32:32 +0000 Christian Hey Christian,

Please try

jQuery(document).ready(function(jQuery) {
  jQuery('.x-navbar .x-navbar-inner .x-nav-collapse .x-nav a').click(function(){
    jQuery('.x-nav-collapse.in.collapse').removeClass('in').css();
  });
});

Thanks.

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73158 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73158 Thu, 24 Jul 2014 19:34:03 +0000 Christian L Hi, I tried that as well to seemingly no effect. I am supposed to put in the customizer, right?

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73160 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73160 Thu, 24 Jul 2014 19:35:58 +0000 Christian L i am on a godaddy server, could that be a problem?

]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73547 <![CDATA[Reply To: how can I get the navbar dropdown to close after selecting a link?]]> https://theme.co/archive/forums/topic/how-can-i-get-the-navbar-dropdown-to-close-after-selecting-a-link/#post-73547 Fri, 25 Jul 2014 20:20:10 +0000 Rad Hi Christian,

You have two problem, you’re using one page navigation with mix of relative url and absolute url.

Example are #Reservations and http://fubarla.com/x/portfolio/

When user navigate to your portfolio, they can’t go back to #Reservations because it’s relative to current url. Thus making relative url to http://fubarla.com/x/portfolio/#Reservations which is not valid.

If you intend to use this setup, then this will help you http://theme.co/x/member/forums/topic/nav-bar-not-fully-working-on-1-page-scrolling/#post-45754 (Note that using this will require you to define your menu url as absolute, eg. http://fubarla.com/x/#Reservations and not just #Reservations)

Then use this to toggle your mobile menu, :

jQuery(document).ready(function($) {
  $('.x-navbar .x-navbar-inner .x-nav-collapse .x-nav a').click(function(){
  $('.x-btn-navbar').click(); 
  });
});

Cheers!

]]>