It would be worth starting my moving the bootstrap script…

wp_register_script( ‘bootstrap’,… etc.,

out of the footer scripts and in to the head scripts section. See if that helps.

Tried your suggestion – unfortunately, it did not help. 

Below, I’ve pasted the section of functions.php that has the bootstrap mentioned (you can see where I moved bootstrap into header)

Thanks

-Rick

/***************************************************
* :: Scripts/Styles load
***************************************************/

add_action( ‘wp_enqueue_scripts’, ‘kleo_frontend_files’ );
if ( ! function_exists( ‘kleo_frontend_files’ ) ) :
// Register some javascript files
function kleo_frontend_files() {
$min = sq_option( ‘dev_mode’, 0 ) == 1 ? ” : ‘.min’;

/* If remove query option is ON */
if ( sq_option( ‘perf_remove_query’, 0 ) == 1 ) {
$version = null;
} else {
$version = KLEO_THEME_VERSION;
}

//head scripts
wp_register_script( ‘bootstrap’, get_template_directory_uri() . ‘/assets/js/bootstrap’ . $min . ‘.js’, array( ‘jquery’ ), $version, true );
wp_register_script( ‘kleo-init’, get_template_directory_uri() . ‘/assets/js/init.js’, array(), $version, false );
wp_register_script( ‘modernizr’, get_template_directory_uri() . ‘/assets/js/modernizr.custom.46504.js’, array(), $version, false );

/* Footer scripts */
if ( sq_option( ‘perf_combine_js’, 0 ) == 1 ) {
wp_register_script( ‘kleo-combined’, get_template_directory_uri() . ‘/assets/js/combined’ . $min . ‘.js’, array( ‘jquery’ ), $version, true );
} else {

wp_register_script( ‘waypoints’, get_template_directory_uri() . ‘/assets/js/plugins/waypoints.min.js’, array( ‘jquery’ ), $version, true );
wp_register_script( ‘magnific-popup’, get_template_directory_uri() . ‘/assets/js/plugins/magnific-popup/magnific.min.js’, array( ‘jquery’ ), $version, true );
wp_register_script( ‘caroufredsel’, get_template_directory_uri() . ‘/assets/js/plugins/carouFredSel/jquery.carouFredSel-6.2.0-packed.js’, array( ‘jquery’ ), $version, true );
wp_register_script( ‘jquery-mousewheel’, get_template_directory_uri() . ‘/assets/js/plugins/carouFredSel/helper-plugins/jquery.mousewheel.min.js’, array(
‘jquery’,
‘caroufredsel’,
), $version, true );
wp_register_script( ‘jquery-touchswipe’, get_template_directory_uri() . ‘/assets/js/plugins/carouFredSel/helper-plugins/jquery.touchSwipe.min.js’, array(
‘jquery’,
‘caroufredsel’,
), $version, true );
wp_register_script( ‘isotope’, get_template_directory_uri() . ‘/assets/js/plugins/jquery.isotope.min.js’, array( ‘jquery’ ), $version, true );

}
wp_register_script( ‘app’, get_template_directory_uri() . ‘/assets/js/app’ . $min . ‘.js’, array( ‘jquery’ ), $version, true );

//not loaded by default. Only when needed by shortcodes
wp_register_script( ‘three-canvas’, get_template_directory_uri() . ‘/assets/js/plugins/snow/ThreeCanvas.js’, array( ‘app’ ), $version, true );
wp_register_script( ‘snow’, get_template_directory_uri() . ‘/assets/js/plugins/snow/Snow.js’, array( ‘three-canvas’ ), $version, true );
wp_register_script( ‘particles-js’, get_template_directory_uri() . ‘/assets/js/plugins/particles.min.js’, array( ‘jquery’ ), $version, true );
wp_register_script( ‘bootstrap-multiselect’, get_template_directory_uri() . ‘/assets/js/plugins/bootstrap-multiselect.js’, array( ‘jquery’ ), $version, true );

//enqueue them
wp_enqueue_script( ‘kleo-init’ );
wp_enqueue_script( ‘modernizr’ );

if ( sq_option( ‘perf_combine_js’, 0 ) == 1 ) {
wp_enqueue_script( ‘kleo-combined’ );
} else {
wp_enqueue_script( ‘bootstrap’ );
wp_enqueue_script( ‘waypoints’ );
wp_enqueue_script( ‘magnific-popup’ );
wp_enqueue_script( ‘caroufredsel’ );
wp_enqueue_script( ‘jquery-touchswipe’ );
wp_enqueue_script( ‘isotope’ );
}
wp_enqueue_script( ‘mediaelement’ );
wp_enqueue_script( ‘app’ );

$regular_logo = sq_option_url( ‘logo’, ” );
if ( is_singular() && get_cfield( ‘logo’ ) ) {
$regular_logo = get_cfield( ‘logo’ );
}
$retina_logo = sq_option_url( ‘logo_retina’ ) != ” ? sq_option_url( ‘logo_retina’ ) : ”;
if ( is_singular() && get_cfield( ‘logo_retina’ ) ) {
$retina_logo = get_cfield( ‘logo_retina’ );
}
$header_height = intval( sq_option( ‘menu_height’, 88 ) );
$header_height_scrolled = intval( sq_option( ‘menu_height_scrolled’, ” ) );
$header_two_height = intval( sq_option( ‘menu_two_height’, 88 ) );
$header_two_height_scrolled = intval( sq_option( ‘menu_two_height_scrolled’, ” ) );

$obj_array = array(
‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ),
‘themeUrl’ => get_template_directory_uri(),
‘loginUrl’ => site_url( ‘wp-login.php’, ‘login_post’ ),
‘goTop’ => sq_option( ‘go_top’, 1 ),
‘ajaxSearch’ => sq_option( ‘ajax_search’, 1 ),
‘alreadyLiked’ => sq_option( ‘likes_already’, ‘You already like this’ ),
‘logo’ => $regular_logo,
‘retinaLogo’ => $retina_logo,
‘headerHeight’ => $header_height,
‘headerHeightScrolled’ => $header_height_scrolled,
‘headerTwoRowHeight’ => $header_two_height,
‘headerTwoRowHeightScrolled’ => $header_two_height_scrolled,
‘loadingmessage’ => ‘<i class=”icon icon-spin5 animate-spin”></i> ‘ . __( ‘Sending info, please wait…’, ‘kleo_framework’ ),
‘DisableMagnificGallery’ => sq_option( ‘magnific_disable_gallery’, ‘0’ ),
‘flexMenuEnabled’ => sq_option( ‘header_flexmenu’, 0 ),
);
$obj_array = apply_filters( ‘kleo_localize_app’, $obj_array );

wp_localize_script( ‘app’, ‘kleoFramework’, $obj_array );

if ( is_singular() && comments_open() && get_option( ‘thread_comments’ ) ) {
wp_enqueue_script( ‘comment-reply’ );
}

/* Register the styles */

/* register only when Theme options – combine option is OFF */
if ( sq_option( ‘perf_combine_css’, 0 ) == 0 ) {
wp_register_style( ‘bootstrap’, get_template_directory_uri() . ‘/assets/css/bootstrap’ . $min . ‘.css’, array(), $version, ‘all’ );
wp_register_style( ‘kleo-app’, get_template_directory_uri() . ‘/assets/css/app’ . $min . ‘.css’, array(), $version, ‘all’ );
wp_register_style( ‘magnific-popup’, get_template_directory_uri() . ‘/assets/js/plugins/magnific-popup/magnific.css’, array(), $version, ‘all’ );

wp_enqueue_style( ‘bootstrap’ );
wp_enqueue_style( ‘kleo-app’ );
wp_enqueue_style( ‘magnific-popup’ );
}

/* Load font icons */
$override_fonts = false;
if ( is_child_theme() && file_exists( get_stylesheet_directory() . ‘/assets/css/fontello.css’ ) ) {
$fonts_path = get_stylesheet_directory_uri() . ‘/assets/css/fontello.css’;
$override_fonts = true;
} else {
$fonts_path = get_template_directory_uri() . ‘/assets/css/fontello’ . $min . ‘.css’;
}

wp_register_style( ‘kleo-fonts’, $fonts_path, array(), $version, ‘all’ );
wp_register_style( ‘kleo-style’, CHILD_THEME_URI . ‘/style.css’, array(), $version, ‘all’ );
wp_register_style( ‘kleo-rtl’, get_template_directory_uri() . ‘/rtl.css’, array(), $version, ‘all’ );

//load fonts file if we not overriding font file in child theme
if ( 0 == sq_option( ‘perf_combine_css’, 0 ) || ( 1 == sq_option( ‘perf_combine_css’, 0 ) && true === $override_fonts ) ) {
wp_enqueue_style( ‘kleo-fonts’ );
}

//enqueue required styles
wp_enqueue_style( ‘mediaelement’ );

} // end kleo_frontend_files()
endif;

are you loading the forum scripts in the footer?  on forum – integration – page and permalink…

are you using the combined js cache for forum?  if so, try clearing it on forum – toolbox – housekeeping….

odd because we have an attempt at fixing bootstrap clash with jquery ui that WP uses… and its been working…

if moving the forum scripts doesnt help, next step would be to deregister the loading of jquery ui from wp… and re-register it yourself with a dependency on bootstrap… so jquery ui loads last…

Yes, “Load javascript in footer” is checked. Also, cleared the combined js cache

Not clear on the process of  ‘re-register it yourself with a dependency on bootstrap’  Could use a little help with that one – I tried google- however, I just don’t know enough about coding to put it all together. Could use some help, if you don’t mind. 

Really appreciate it!

-Rick

also, for what its worth…

I did search the SeventhQueen (makers of Kleo theme) forum for issues with any plugin broken functionality and bootstrap. Some of the Author’s replies to these folks that are having issues…

*************************
It seems that this issue is caused by WHMCSConnect because it load bootstrap.js over the kleo bootstrap.js
I suggest you to contact WHMCSConnect developers and ask them about a filter that stops this plugin to load bootstrap.min.js

*************************

The problem comes from this plugin : magee-shortcodes it loads again the bootstrap js and css library over the theme bootstrap library.. look in that plugin in settings panel for an option to disable loading the bootstrap framework.

*************************

The problem is because the plugin that you use “download manager” it using and loading the bootstrap js framework over our custom bootstrap js framework.

Please look into that plugin settings page for preventing bootstrap loading, if you have no similar option please open a ticket on their forum support.

************************

this why loading bootstrap in a theme or plugin is not the best of ideas since WP doesnt really support it now as it conflicts with the jQuery UI that comes with WP…

before we go down the deregister path, are you sure you had bootstrap loading in the head? and then our js in the footer? both at same time…would it be possible to see this live on your site?  and check the order of loading?  if the order is right, might be something else at play…

PM sent

Thanks

Would you like to send that to me as well?

You know – it does look like bootstrap is still loading in the footer and I think that might be my fault,

When I asked you to move it from the footer group to the header group, I should have also asked you to change the last parameter from true to false…!

Can you try changing that – hoping it should make all the difference…

Thanks, Andy! That last tweak did the trick.

Really appreciate you both helping and not punting because of Bootstrap. 

I am just sorry I missed that obvious change that was needed. Glad it is resolved.