Add original class to the btn-menu class using JavaScript

Hi @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

Hi @kharisblank

Thank you for your reply.

https://katashinakogen.co.jp/
https://www.evernote.com/l/ABvv2KHDw29GTLK-Nlg5zgQB8eEeIh4j6lQ

Regards,
Takashi

Hi @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.

Hope this reply helps.

Regards,
Kharis

Hi @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 3 years, 4 months ago by Takashi Hosoya.
• This reply was modified 3 years, 4 months ago by Takashi Hosoya.

Hi @kharisblank

I’m sorry I can’t explain it better.
I have made a demo video.