LebCit

@dadams76

You should use a child theme for your customization or a custom CSS plugin.

SYA 🙂

You are most welcome @leakforum

SYA 🙂

You are most welcome !

SYA 🙂

Hello @pdegelder

The example is using jQuery (JavaScript library) to toggle (change by adding or removing) the class of the button when it’s pressed and gives it the active class that is defined in CSS.

YOU SHOULD USE A CHILD THEME FOR YOUR PERSONAL CUSTOMIZATION OR EVERYTHING WILL BE REMOVED ON THE NEXT UPDATE OF YOUR PARENT THEME !

To accomplish this try the following :

1- Create a js folder at the root of your child theme (same level as style.css) then create inside this js folder a .js file for example mybuttonclick.js and put the following inside it

( function( $ ) {
    $('button').on('click', '#mybutton', function() {
        $(this).toggleClass('active');
    }
} )( jQuery );

This will tell the button that have an id of mybutton to add/remove the active class to it when it’s clicked.

2- You should now tell WP to call the js file so the function can do it’s work.
In your child theme functions.php file add the following

function mybutton_script() {
    wp_enqueue_script( 'mybuttonscript', get_template_directory_uri() . '/js/mybuttonclick.js', array( 'jquery' ), '', true );
}
add_action( 'wp_enqueue_scripts', 'mybutton_script' );

This will tell WP to grab the mybuttonclick.js file that is inside the js folder at the root of the theme and execute the function(s) that lives inside it.

3- Finally, in your child theme style.css put

.active{
    background:#357EBD;
    color:#FFF
}

OF COURSE, you’ll have to create in your HTML a button with an id of mybutton so that the code works !

If you need further help, don’t hesitate.

SYA 🙂

Hello @metebox

How can we help if your site is under construction ?!

SYA 🙂

Hello @webgroup1

Disable JetPack and see if it works.

SYA 🙂

Hello @jesseetaylor,

Something is wrong with your theme, what changes have you made ?
I’m asking because on screen resize your menu is removed !
Also, I don’t know this theme but it seems that you are replacing a site title with a logo ?!
It’s easy to remove the logo, but this is not how this theme works, the menu should be visible on mobile and tablet, your’s is not !
I suggest first to remove your logo, replace it with a site title for example Ressources, if your menu works than the problem was the logo, if not, than you have made other changes…
I’ll help you make a resizable logo, but first let’s see your menu.

SYA 🙂

Hello @decadencefashion

Look over HERE

SYA 🙂