Title: Add original class to the btn-menu class using JavaScript
Last modified: November 11, 2021

---

# Add original class to the btn-menu class using JavaScript

 *  [Takashi Hosoya](https://wordpress.org/support/users/tkc49/)
 * (@tkc49)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/)
 * I would like to add original class to the btn-menu class using JavaScript
    so
   I would like you to remove the following code.
 * `e.stopImmediatePropagation()`
    sydney/js/functions.js line 203

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15060520)
 * Hi [@tkc49](https://wordpress.org/support/users/tkc49/),
 * Thank you for your question.
 * I need more information. Can you provide a link to your page and point me to 
   the button you’d like to edit?
 * Regards,
    Kharis
 *  Thread Starter [Takashi Hosoya](https://wordpress.org/support/users/tkc49/)
 * (@tkc49)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15060539)
 * Hi [@kharisblank](https://wordpress.org/support/users/kharisblank/)
 * Thank you for your reply.
 * [https://katashinakogen.co.jp/](https://katashinakogen.co.jp/)
    [https://www.evernote.com/l/ABvv2KHDw29GTLK-Nlg5zgQB8eEeIh4j6lQ](https://www.evernote.com/l/ABvv2KHDw29GTLK-Nlg5zgQB8eEeIh4j6lQ)
 * Regards,
    Takashi
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15061115)
 * Hi [@tkc49](https://wordpress.org/support/users/tkc49/),
 * Thank you for getting back along with the requested links.
 * You can use this CSS code and apply it to **Additional CSS** under your site’s
   customizer.
 *     ```
       .site-header .header-wrap .btn-menu::before { 
         content: '\f042';
       }
       ```
   
 * Replace **f042** with your chosen Font Awesome unicode that you can get from 
   [this icons list](https://fontawesome.com/v5.15/icons?d=gallery&p=2).
 * Hope this reply helps.
 * Regards,
    Kharis
 *  Thread Starter [Takashi Hosoya](https://wordpress.org/support/users/tkc49/)
 * (@tkc49)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15061143)
 * Hi [@kharisblank](https://wordpress.org/support/users/kharisblank/)
 * I want to set two icons, one for when the menu is open and one for when the menu
   is closed.
    I had written the following code, but it stopped working.
 *     ```
       $( '.btn-menu' ).on(
       	'click',
       	function () {
       		$( '.btn-menu' ).toggleClass( "close" );
       	}
       )
       ```
   
 *     ```
       .site-header .header-wrap .btn-menu.close::before {
         content: "×";
         font-weight: 100;
       }
       ```
   
 * Thank you.
    Takashi.
    -  This reply was modified 4 years, 6 months ago by [Takashi Hosoya](https://wordpress.org/support/users/tkc49/).
    -  This reply was modified 4 years, 6 months ago by [Takashi Hosoya](https://wordpress.org/support/users/tkc49/).
 *  Thread Starter [Takashi Hosoya](https://wordpress.org/support/users/tkc49/)
 * (@tkc49)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15061213)
 * Hi [@kharisblank](https://wordpress.org/support/users/kharisblank/)
 * I’m sorry I can’t explain it better.
    I have made a demo video.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Add original class to the btn-menu class using JavaScript’ is closed 
to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.68/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Takashi Hosoya](https://wordpress.org/support/users/tkc49/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/add-original-class-to-the-btn-menu-class-using-javascript/#post-15061213)
 * Status: not resolved