Standard Navigation OnClick vs Hover
If you are using Standard Navigation which is based off Boostrap 3, you may wish to show dropdown on click vs hover.
https://link.pixelmakers.co/s8HfGH
You can try this:
You'll need your child theme active.
Inside the child theme style.css (folder wp-content/bellevuex-child/style.css)
.navbar .navbar-nav .dropdown:hover .dropdown-menu {
display:none;
}
.navbar .navbar-nav .dropdown.open:hover .dropdown-menu {
display:block;
}
You'll need a child theme JS script as well. (folder wp-content/bellevuex-child/js/custom_scripts.js)
(function($) {
$(document).ready(function(){
if (Modernizr.mq('(min-width:768px)')) {
//console.log('Adding data-toggle, data-target');
$("li.dropdown .dropdown-toggle").attr("data-toggle", "dropdown");
$("li.dropdown .dropdown-toggle").attr("data-target", "#");
}
});
})(jQuery);
In side your child functions file:
You may already have the // Load Child Theme Style.CSS part. If so you can ignore that part of the code block below.
// Load Child JS Scripts
function belevue_child_scripts() {
// register script location, dependencies and version
wp_register_script('bellevue_scripts', get_stylesheet_directory_uri() . '/js/custom_scripts.js', array('jquery','themo-js-foot','roots_main'), '1.0', true );
// enqueue the script
wp_enqueue_script('bellevue_scripts');
}
add_action('wp_enqueue_scripts', 'belevue_child_scripts');
// Load Child Theme Style.CSS
function enqueue_child_theme_style() {
wp_enqueue_style( 'bellevue_css_child', get_stylesheet_directory_uri() . '/style.css', array( 'roots_app', ), 1.0 );
}
add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_style' );