How to edit the Menu Button on the upper left corner?

Hi,

the menu button which appears on smartphones. I would like to edit the design but cannot find anything in the theme folder.

Could you quickly tell me how to edit the design please?

Thanks,

Stefan

Hi,

That button is a FontAwesome icon fa-bars, but you ca change it to an image if you would like to in header.php, replace the <i> tag with an <img> tag with your image’s source.

Best Regards,
Csaba

Hi

I cant find <i> in header php

could you show me where?

Isd it maybe possible to exhange that font with another font? which has not the grey background color.

Hi,

The <i> tag can be found on line 37 of header.php, in this code:

<button class="menu-toggle btn"><i class="fa fa-bars"></i></button>

replace it with an img tag if you want to use an image for your menu button, so the code should look like this:

<button class="menu-toggle btn"><img src="your-image-link-here" alt="logo"></button>

Best Regards,
Csaba

Thanks,

I tried it but it did not look good with a png. The button was too big. And to my surprise it was not transparent. I just want to have three white lines. But the strange thing is , is that with your font and also with the png, a transparent background cannot be generated.

Overall the font is better, but it is not transparent. Is there any other way?

Hi,

Please add the image you would like to add then post a link to your website, so I can check.

Best Regards,
Csaba