1

I am having problems with bootstrap and Joomla with the collapsable nav menu. The site is at the link below:

http://spiffingtestdomain.com/bpp/

I've inserted the example collapsable navbar directly from the Bootstrap documentation underneath the menu I'm working on, and that doesn't work correctly, either. I'm sure I'm missing classes on my nav, but I can work that out if I can get the sample menu working. It is always collapsed as if displaying for mobile regardless of the screen width. I've checked the usual suspects (not loading jquery, not loading bootstrap files, screenwidth threshold) and none of this has helped. I'm not sure what I'm missing here. Can anyone help on this?

2
  • In your site I see a Toggler button that when pressed it toggles the appearance of a div below it - that contains a ul which contains: Link (current), Dropdown, and a search form... - I am not sure what you want us to check, What and how is it supposed to work whatever you are trying to do. Make sure you understand how everything works. Play and learn how to implement whatever you want on a pure html/css/js playground file and see if you are able to make it work there.
    – FFrewin
    Apr 26, 2017 at 13:47
  • Thanks for coming back to me on this. I'm trying to get the menu that is revealed by clicking the 'Toggle Navigation' button to appear with all menu items visible when the screen width is over 767px. I thought that this would only switch to a click-to-reveal menu when the screen width is 767px and under, but it is set to always be click-to-reveal. Apr 26, 2017 at 14:16

1 Answer 1

0

I have solved the issue. Thanks to FFrewin for pointing me in the right direction. After testing a vanilla version of the menu, I used external bootstrap files from an example, rather than the ones bundled with Joomla.

P.s. note to future self: ALWAYS load JQuery first...

1
  • Hi @RichardChalkley, please mark this answer as accepted by clicking on the tick. Dec 23, 2017 at 2:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.