You don’t have an ID in your wp_nav_menu call. Add ‘container_id’ => ‘navbarCollapse’, to the array you’re passing in. And remove the HTML below it that has all the commented out code in it.
How To add li class and a class wp_nav_menu() with bootstrap 5 navbar?
Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
WP Job Manager – Show recent jobs as cards
If I’m right, you want to get javascript bootstrap via CDN. Try to make it like in the example below. Other scripts you should attach according to this example. You must note your custom scripts should be attached after the bootstrap script if they would be using the bootstrap scripts. function enqueue_js() { wp_enqueue_script( ‘bootstrap_js’, … Read more
Do you understand the bootstrap framework at all? Your theme has implemented a column width that is smaller than you would probably like. Your content area is wrapped in an offset column that is 50% of the container width. <div class=”col-lg-6 col-lg-offset-3″> <!– content –> </div> If you want to increase the width of your … Read more
If I get what you’re asking, it’s that you want a way to remove the <style> tag from your header – correct? Definitely a good idea to do this – just keep the bare minimum there. This way, styles can be managed separately to your markup – keeping the presentation layer separate is best practice. … Read more
The easiest option would be to simply check if you are on every fourth iteration. Please see the following for an illustration, I haven’t tested this but see the basic idea. <?php $images = get_field(‘portfolio’); if( $images ): ?> <?php foreach( $images as $key => $image ): if (($key + 1) % 4 == 0) … Read more
Setting specific min-width and max-width for your <nav> menu will fix the issue: <nav class=”navbar navbar-inverse navbar-fixed-top” role=”navigation” style=”min-width: 1000px; max-width: 1000px;”> Here’s the JavaScript/jQuery method that will set the min-width and max-width of your .navbar when the event ‘affix.bs.affix’ got fired: var navbar = jQuery(‘nav.navbar’); // If ‘affix.bs.affix’ is fired. navbar.on(‘affix.bs.affix’, function () { … Read more
There are several examples on the net, however I use this: <?php //functions.php add_filter( ‘widget_text’, ‘php_parser’, 100 ); function php_parser( $html ){ if( strpos( $html, “<“.”?php” ) !== false ){ ob_start(); eval( “?”.”>”.$html ); $html = ob_get_contents(); ob_end_clean(); } return $html; } ?>