Replacing default hamburger menu icon

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets

Replacing default hamburger menu icon

Postby Perrorist on Thu May 10, 2018 12:50 am

This is in reference to the side navigation skin, but was also relevant to top nav. I solved this problem once for top nav, but I've forgotten how I did it.

The default hamburger menu icon is white bars on a transparent background, suitable for a dark heading. However, I have a light grey heading and the white icon is barely noticeable.

I've searched for menu.png and found it only in a generated skin stylesheet for mobile and tablet. The source doesn't appear to be in the content folder. So, my question is: Where do I find menu.png so that I can replace it with one I have with black bars?
Perrorist
Propeller Head
 
Posts: 77
Joined: Fri Dec 02, 2016 4:04 pm
Location: Central Coast, NSW

Re: Replacing default hamburger menu icon

Postby AlexFox on Thu May 10, 2018 1:44 am

It's embedded in the skin, you'll need to add your own image in the skin editor.
AlexFox
Propeller Head
 
Posts: 96
Joined: Thu Oct 19, 2017 1:56 am

Re: Replacing default hamburger menu icon

Postby Perrorist on Thu May 10, 2018 2:02 am

I tried that, but I couldn't delete the existing menu.png. Do you know how I can do that?
Perrorist
Propeller Head
 
Posts: 77
Joined: Fri Dec 02, 2016 4:04 pm
Location: Central Coast, NSW

Re: Replacing default hamburger menu icon

Postby AlexFox on Thu May 10, 2018 5:32 am

You don't need to delete anything to override the image, just select your replacement image from your file. Edit: Read Dave's solution below :)
Last edited by AlexFox on Fri May 11, 2018 12:18 am, edited 1 time in total.
AlexFox
Propeller Head
 
Posts: 96
Joined: Thu Oct 19, 2017 1:56 am

Re: Replacing default hamburger menu icon

Postby Dave Lee on Thu May 10, 2018 5:48 am

1. On the skin Styles tab, find the item Navigation Slide Out Button.
2. For the Image property, click the select image icon, then click ... (browse) to select your image. That'll add it to the skin.

I'd strongly advise not to edit files in the program files folder.
Dave Lee
Master Propellus Maximus
 
Posts: 5265
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Replacing default hamburger menu icon

Postby doc_guy on Thu May 10, 2018 10:48 am

Ditto what Dave said. Don't modify this in the program files folder. The best solution is to just replace it in the skin, following Dave's instructions. It does not need to have the same name. When you select the replacement icon, Flare will update all references to the file name and will use the new image you selected.
User avatar
doc_guy
Propellus Maximus
 
Posts: 1843
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West

Re: Replacing default hamburger menu icon

Postby Perrorist on Thu May 10, 2018 1:24 pm

Many thanks for your help, everyone.
Perrorist
Propeller Head
 
Posts: 77
Joined: Fri Dec 02, 2016 4:04 pm
Location: Central Coast, NSW

Re: Replacing default hamburger menu icon

Postby headphone_jack on Wed May 30, 2018 8:28 am

Dave Lee wrote:1. On the skin Styles tab, find the item Navigation Slide Out Button.
2. For the Image property, click the select image icon, then click ... (browse) to select your image. That'll add it to the skin.

Which Styles tab are you referring to? The only Styles tab I can find is under Project Organizer > HTML 5 - Top Navigation > Styles. But I can't find a Navigation Slide Out Button option in there...
headphone_jack
Propeller Head
 
Posts: 16
Joined: Fri Dec 22, 2017 1:49 am

Re: Replacing default hamburger menu icon

Postby doc_guy on Thu May 31, 2018 1:25 pm

You only see it if you are in the Tablet medium or the Mobile medium.

Image

Welcome to the forums!!
User avatar
doc_guy
Propellus Maximus
 
Posts: 1843
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West

Re: Replacing default hamburger menu icon

Postby headphone_jack on Fri Jun 01, 2018 1:34 am

doc_guy wrote:You only see it if you are in the Tablet medium or the Mobile medium.


Aaaah, that's where I was going wrong! Thanks for your help!
headphone_jack
Propeller Head
 
Posts: 16
Joined: Fri Dec 22, 2017 1:49 am


Return to Web-based Outputs

Who is online

Users browsing this forum: Google [Bot] and 5 guests