Resolving Bootstrap Conflict

  • Resolved ptstone

    (@ptstone)


    7 years, 9 months ago

    Greetings,

    i’m currently trying to use wp customer area with virtue, however their menus don’t work properly. There is also information on their homepage regarding the cause of this, it seems there is a bootstrap conflict (here ist their suggested resolution: https://wp-customerarea.com/documentation/resolving-bootstrap-conflicts/)

    So what i’d like to ask, where is bootstrap loaded in the theme so i can resolve this conflict and use both virtue and wp customer plugin at the same time ?

    Thank you,
    Philipp

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey,
    Here is a quick fix. Go to your appearance > widgets. add a text widget into one of your footer areas and place this code into it:

    <script type="text/javascript">
jQuery(document).ready(function ($) {
$('body.customer-area .dropdown-toggle').click(function(){
$(this).parent().toggleClass('open');
});
});
</script>

    Then you should be set.

    Ben
    Kadence Themes

    Thread Starter ptstone

    (@ptstone)

    Thank you, that worked perfectly, the menues now work just fine!

    A follow-up: It seems the wp customer area pages are using an invisible sidebar (all my other pages do not) and are very limited in height, so they look a bit off. Could that be another bootstrap conflict or do you think this is this a wp customer area only problem?

    Thats just the theme, it’s adding the default sidebar because it’s a post type that is doesn’t know.

    You can add this css and hide:

    .customer-area .main.col-lg-9.col-md-8 {
    width: 100%;
}
.customer-area .kad-sidebar {
    display:none;
}

    Ben

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resolving Bootstrap Conflict’ is closed to new replies.