Bootstrap Interfering with the Menu

  • Resolved avalanche

    (@packerland)


    8 years, 1 month ago

    I tend to use Bootstrap with just about every site. I noticed that Customizr Pro doesn’t play well with bootstrap. The horizontal menu has a class of .collapse. In Bootstrap, the class .collapse means to hide that item. So when I install Bootstrap, my menu disappears. Do you have any work around for this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter avalanche

    (@packerland)

    I added this to the css:

    .nav-collapse.collapse {
    display: block;
}

    Just a suggestion to the development team. I believe that this is something that should be in tc_common.min.css regardless. You never know what kind of plugins everyone will use, and with the rise of Bootstrap, I don’t think I’m the only one that will run into this issue.

    Thanks for reporting this.

    Can you also specify which plugin is creating this conflict?

    Also consider that this theme, as of now, uses bootstrap 2.3.2.
    The theme, though, will upgrade to the latest bootstrap version very soon.

    Best regards,
    Rocco

    Thread Starter avalanche

    (@packerland)

    I add the Bootstrap 3 css within my functions, and I direct my plugins to use that file for bootstrap. So it’s not so much a plugin that created the conflict, it was bootstrap itself. It’s just that bootstrap 3 uses .collapse to make something “disappear”.

    Now that Bootstrap 4 has been released, I’ve been considering upgrading my child themes.

    Do you have an idea on time frame for the upgrade?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Bootstrap Interfering with the Menu’ is closed to new replies.