WordPress.org

Ready to get started?Download WordPress

Forums

The Bootstrap
[closed] two level menu? (33 posts)

  1. lists
    Member
    Posted 1 year ago #

    I have just installed this theme and don't see where I can make the top bar or main menu drop down with second level pages. Where should I look to do that?

    sd

    http://wordpress.org/extend/themes/the-bootstrap/

  2. You can add a menu in Appearance > Menus.

    See the Codex to learn how to create multi-level menus.

    Konstantin

  3. lists
    Member
    Posted 1 year ago #

    Thanks for that.

    I have been in and set this up [works with other themes]. [have two menus defined and both react the same way] The top level menu item has a triangle on the end but doesn't drop anything down.

    I have disabled plugins so don't know where too look next.

    sd

  4. Would you mind providing a link to the site, so that I can take a look?

  5. lists
    Member
    Posted 1 year ago #

    I just sent it through via your sites contact function.

    sd

  6. For some reason you're using Bootstrap 2.0.3.

    Try upgrading to the latest version and see whether it works then.

  7. lists
    Member
    Posted 1 year ago #

    Thanks, I'll try that.

    I just don't know where to get the most recent version. WP theme repository only offers 2.0.0 and my system indicated it is running that version, with no options for anything newer.

    Is there another source?

    sd.

  8. Yeah, the names are confusing :)

    So you're running The Bootstrap (Theme) v2.0.0 but for some reason it does not use the latest version of Bootstrap (Twitters Framework). You can get it here.

  9. lists
    Member
    Posted 1 year ago #

    I have it down and have loaded it over the existing directories. Do I need to rename anything or just overwrite with the core bootstrap code?

    e.g. bootstrap.js to the-bootstrap.js

    I tried both and no joy in the menu drop down.

    sd

  10. No, just overwrite the existing files.
    If that still does not work for you, you should open an issue with the Bootstrap project.

  11. Szczaw
    Member
    Posted 1 year ago #

    I overwrite the existing files to Bootstrap v2.2.1 and add a two level menu in Appearance > Menus.
    Still does not work
    http://www.ptmn.pl/press/
    Any sugestions

  12. stefwilliams
    Member
    Posted 1 year ago #

    Hi,

    I'm also getting this issue. 2 level navs (in top menu) don't work.

    I have recently updated WP to 3.5, but am not sure if that is the issue, as I don't think it worked before either.

    The second-level UL has class "sub-menu", but that's all the markup that appears to be different from a single-level menu.

    Not a massive problem as I don't need drop-downs for this site, but I'll probably be using this theme a lot in future, so would like to have the option :)

    Meanwhile, I hope the work for the next version is coming along well... The bootswatch options in the latest build are excellent - will be great once they're completed.

  13. stefwilliams
    Member
    Posted 1 year ago #

    PS. Have also downloaded the latest Bootstrap zip (v2.2.2) to double-check.

    Same problem

  14. Would you mind providing a link to the site, so that I can take a look?

  15. stefwilliams
    Member
    Posted 1 year ago #

    Hi,
    Have sent you a link through the contact form on http://en.wp.obenland.it/contact/

    (Site is very much under development)

  16. AlexVN
    Member
    Posted 1 year ago #

    I have the same problem after update to WP 3.5. 2-nd level menu doesn't work. Only 1-st level.
    I had to return to WP3.4.2. No problem with menu.

  17. tgongaware
    Member
    Posted 1 year ago #

    I'm also seeing this issue. Drop down menus in Bootstrap theme do not work when I upgrade to WP 3.5. I've rolled back to WP 3.4.2 as well with no problem.

  18. judic
    Member
    Posted 1 year ago #

    Arg. Do we have to roll back, or (I hope, I hope, I hope) is there a fix for this yet?

  19. I'm sorry, I've been super busy lately. :(
    I'll try to push out an update over the weekend though!

  20. judic
    Member
    Posted 1 year ago #

    YAY! thanks

  21. vr2
    Member
    Posted 1 year ago #

    I'm having the same issue others have described with the Bootstrap for WordPress main and submenus.

    Simply, the submenus don't show up no matter what you do. I did not want to go back to WordPress 3.4.2 (and potentially mess create another issue with other parts of the site), so I've had to leave a few of my menu groups messed up as hopefully a patch to fix the WordPress Bootstrap menu issue will come by in the next day (this weekend while the traffic is low). Thanks.

    http://valdaoresearch.com

  22. Merry Christmas, the menu issue is fixed!

    I submitted the new version for review to the Theme Repository, where it might take up to a week for it to be approved and made available.

    If you do not want to wait any longer, you can also download the .zip and update manually over FTP.

    Again, I'm sorry that I didn't get around sooner to fix the issue.

    Best,
    Konstantin

  23. vr2
    Member
    Posted 1 year ago #

    Thanks for the 2.0.1 theme update for WordPress Bootstrap.

    I installed and activated Bootstrap 2.0.1 on my site. The install went OK, but the 2.0.1 did not work to fix the dropdown menu issue I'm seeing on my site under WP 3.5. I noticed a couple other navigation menu issues while running 2.0.1 of Bootstrap with WP 3.5(not sure if related to 2.0.1 specifically or it's a combination of 2.0.1 and WP 3.5 or something else) that I did not like so I reverted back to the 2.0.0. version of the Bootstrap theme.

    I'll have to live with the known menu issues in 2.0.0 of Bootstrap along with WP 3.5 until the full verification testing between the 2.0.1 version of Bootstrap and WP 3.5 gets done.

    Thanks for the help.

    http://valdaoresearch.com

  24. Did the problems persist after deactivating your plugins?

  25. vr2
    Member
    Posted 1 year ago #

    I did not deactivate any of my plugins.

    I don't want to go messing with the plugins as they are all working fine with WP 3.5 and Bootstrap 2.0.0 except for the known dropdown menu issue.

    I'll wait until the full verification testing of Bootstrap 2.0.1 and WP 3.5 gets done before trying again. Then I'll activate or download & activate Bootstrap 2.0.1 again or whatever the next fully verified version of Bootstrap with WP 3.5 turns out to be.

    Thanks for the help. Appreciated.

    http://valdaoresearch.com

  26. vr2
    Member
    Posted 1 year ago #

    I noticed the official update for 2.0.1 update for WordPress Bootstrap theme came over today. I re-installed 2.0.1 again.

    2.0.1 is still is not working how one would expect for the drop-down menus. Frustrating, as this should be basic functionality for a WordPress theme now.

    Check the drop-down menus on http://valdaoresearch.com

    The main page on the drop-down under "Blog Posts", I can't get to http://valdaoresearch.com/posts/ using the drop-down in the main navigation bar.

    And since I went to the 2.0.1. Bootstrap theme, I can't get to the page for my BuddyPress activity http://valdaoresearch.com/activity/ as it's completely blank. This page worked fine with Bootstrap 2.0.0. and WP 3.5 before the upgrade to 2.0.1. I'll leave it for now and try a few things, but if I can't get 2.0.1 to work for my BuddyPress page, I'll probably have to go back to Bootstrap 2.0.0.

    Bootstrap 2.0.1. seems to have some issues that need to be fixed.

    Thanks.

  27. jmjf
    Member
    Posted 1 year ago #

    Bootstrap (the framework, not just the-bootstrap theme) doesn't do menus like most WordPress themes do menus. It gets into the whole touch-centric devices realm where there is no hover, only click. The practical result is, you can't have a link on the top-level of a drop-down or Bootstrap (and therefore the-bootstrap) will assume you want to go to that link when you hit the top-level.

    You have several options within a Bootstrap-based theme that doesn't rewrite Bootstrap's menu behavior.
    1) You can have a top-level link that goes to the blog page, but with no drop-downs because Bootstrap is touch-friendly and will never show them.
    2) You can build a custom menu in the Dashboard (make the top-level blog item a custom link to #) and add each post you want under the blog menu item there. This seems like a lot of maintenance.
    3) You can use a custom home page with a section listing blog posts or a carousel to make the latest blog posts visible on the home page.
    4) You can try to work around Bootstrap by enabling hover on the menus, but then touch device users won't be able to use your site properly. I saw a recent study from a major research firm that said over 50% of internet users use a touch device (tablet or smartphone) for at least some of their internet access. Do you really want to alienate all those people?

    There may be a few other options like a featured posts widget or something else to draw attention to key posts.

    On the one hand, the menu thing is my main Bootstrap peeve. On the other, when I test menus on a WordPress site from my phone, doing it the old WordPress way doesn't work, the Bootstrap way does work. Given the way tablets and smartphones are overtaking PCs as internet access devices, I'm designing my site and menus to work well for both touch and mouse users within the boundaries of the Bootstrap way.

  28. judic
    Member
    Posted 1 year ago #

    Thanks jmjf, this was helpful to read. However, the menus are still broken in WP 3.5, so it looks like I'll be retheming my site to another responsive theme.

  29. opticom_erik
    Member
    Posted 1 year ago #

    Try going into The Bootstrap theme settings (Left menu --> Twitter Bootstrap --> "Bootstrap CSS") and unchecking the option "Include ALL Bootstrap Javascript libraries". This worked for me. Explanation below:

    We had problems with the dropdown menu item(s) not wanting to expand. The symptoms were exactly as described in this thread: http://stackoverflow.com/questions/11813304/the-bootstrap-dropdown-open-toggle-does-not-work-properly-in-development-but

    To sum it up: When clicking the menu item, the dropdown menu item quickly assumed the class "open", but then instantly reverted to the previous non-open state. The word 'open' just flickered by in the webkit inspector. As was pointed out in the SO thread above, this has to do with the same javascript being loaded/called more than once. Unchecking the "All JavaScript libraries" option got rid of this line in the page source: <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/bootstrap.min.js?ver=2.2.2.b'></script>

    ...while keeping this file: "bootstrap.min.js?ver=2.0.3". Now it works.

  30. jmjf
    Member
    Posted 1 year ago #

    opticom_erik seems to have nailed it. The page source shows 2.0.3 and 2.0.1 versions of the js in judic's page.

    I note you (erik) dropped 2.2.2 in favor of 2.0.3. FWIW, I'm running 2.2.2 in my test site with no menu problems. (Of course, I'm only loading one version of the js.)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic