Expanding @RRikesh comment, you might have enqueued/loaded the bootstap.js with same handle theme-js. So only one script gets enqueued. Try to use different handle for example nav-sidebar. See the following code. Also it’s recommended to use prefix, here I used wpse. Also use get_template_directory_uri instead of get_stylesheet_directory_uri() if it’s not a child theme. function wpse_sidebar … Read more
WordPress loads jQuery because plugins and themes suppose it does. If you want another version of jQuery for your theme, there is a risk that plugins you may be using will not work, since (if they are maintained well) they are designed to work with default jquery. That said, if you insist on using your … Read more
Filter ‘wp_nav_menu_args’. add_filter( ‘wp_nav_menu_args’, ‘wpse_79901_nav_menu’ ); function wpse_79901_nav_menu( $args ) { $args[‘items_wrap’] = ‘<ul class=”nav nav-pills”>%3$s</ul>’; return $args; }
You will need to write a custom menu walker. See this code for the walker. (Or do a search for “Bootstrap Menu Walker”.) Then use: wp_nav_menu( array( ‘menu’ => ‘header’, ‘menu_class’ => ‘nav nav-pills’, ‘container’ => ‘nav’, ‘container_class’ => $classes, ‘fallback_cb’ => false, ‘depth’ => 2, ‘walker’ => new Bootstrap_Walker_Menu_Nav(), ‘theme_location’ => ‘header’, ‘echo’ => … Read more
The output from the password form is filtered through the the_content filter when you call the_content() in your template. That means it also goes through the wpautop() function that wraps <p></p> around your submit button with this code: // Rebuild the content as a string, wrapping every bit with a <p>. foreach ( $pees as … Read more
The above looks correct, however, you need to specify your script to enqueue after bootstrap by adding the bootstrap-min handle to the third, dependencies parameter. function register_css() { wp_register_style( ‘bootstrap-min’, get_template_directory_uri() . ‘/css/bootstrap.min.css’ ); wp_register_style( ‘custom-css’, get_template_directory_uri() . ‘/css/custom.min.css’, ‘bootstrap-min’ ); wp_enqueue_style( ‘bootstrap-min’ ); wp_enqueue_style( ‘custom-css’ ); } add_action( ‘wp_enqueue_scripts’, ‘register_css’ ); See wp_register_style for … Read more
Making your Custom Pagination design In Demo According Your Need . below function Replace Your Function: function wp_custom_pagination($args = [], $class=”pagination”) { if ($GLOBALS[‘wp_query’]->max_num_pages <= 1) return; $args = wp_parse_args( $args, [ ‘mid_size’ => 2, ‘prev_next’ => false, ‘prev_text’ => __(‘Previous’, ‘textdomain’), ‘next_text’ => __(‘Next’, ‘textdomain’), ‘screen_reader_text’ => __(‘Posts navigation’, ‘textdomain’), ]); $links = paginate_links($args); … Read more
I solved this problem. follow these instructions….. Add script (function($){ $(document).ready(function(){ $(‘ul.dropdown-menu [data-toggle=dropdown]’).on(‘click’, function(event) { event.preventDefault(); event.stopPropagation(); $(this).parent().siblings().removeClass(‘open’); $(this).parent().toggleClass(‘open’); }); }); })(jQuery); 2.Remove && $depth === 0 from this line: if ( $args->has_children && $depth === 0 ) in wp_bootstrap_navwalker.php file. See the screenshot here.
The easiest way to do this is to use an off-the-shelf solution. There is a WP_Bootstrap_Navwalker class which extends WordPress’ native Walker_Nav_Menu class and makes your Navigation Menus ready for Bootstrap 3 or 4. Download it from GitHub. Add it to your theme, then add the following to the functions.php: <?php require_once(‘path-to-the-directory/wp-bootstrap-navwalker.php’); Change path-to-the-directory/ to … Read more
Mostly the parent theme might be enqueing the child theme’s style.css, if so you can dequeue it by using handle and then enqueue with proper dependency. If the child theme’s handle is child-theme-style, then dequeue it using wp_dequeue_style(‘child-theme-style’) then enqueue it as needed like so. wp_enqueue_style(‘child-theme-dep’,get_stylesheet_uri(),array(‘bootstrap-handle-here’)) We can easily know the child theme stylesheet url … Read more