Docs

[sharp-image]

Hi,

How can I change the navbar hamburger icon into a other icon or restyle the (font based) icon.
I don’t want a border-radius on the navbar item. I also want to make them a little bit tinner.

website is http://www.boukestar.nl
template is Ethos.

Thanks
Bouke

[Darshana]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example icon would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[sharp-image]

Hi,
In the printscreen can you find my better explanation.

Thanks

[sharp-image]

Changed the size of the printscreen.

[Joao]

Hi There,

Your image did not upload.

Please re-upload it.

Thanks

Joao

[sharp-image]

Hi Joao,

Hmmm I try to re-upload the image.
Lets try it again:

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS and change the image url for the url of the image you would like to use:

.x-btn-navbar i:before {
content : url("http://url.com/yournewimage.png") !important;
}

Hope that helps

Joao

[sharp-image]

Thanks, that css update fixed it!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts