Add original class to the btn-menu class using JavaScript

Takashi Hosoya
(@tkc49)

4 years, 4 months ago

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
(@kharisblank)

4 years, 4 months ago

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

Thread Starter Takashi Hosoya
(@tkc49)

4 years, 4 months ago

Hi @kharisblank

Thank you for your reply.

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

Regards,
Takashi
Kharis Sulistiyono
(@kharisblank)

4 years, 4 months ago
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
Thread Starter Takashi Hosoya
(@tkc49)

4 years, 4 months ago
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 4 years, 4 months ago by Takashi Hosoya.
- This reply was modified 4 years, 4 months ago by Takashi Hosoya.
Thread Starter Takashi Hosoya
(@tkc49)

4 years, 4 months ago

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