I am trying to find where the Correct CSS file is to edit for this. I have just looked for it foer the past 20 min and no luck. I would like to do the css file edit luke described but have zero idea where to find it for my Chapelco template. I have everything updated latest to date. Thanks!
You need to add a custom css file.
Don't change existing files.
For Chapelco just add a file called rt_chapelco-custom.css in the css folder of the template and add the code ...
Henning is correct. Put the code in the [TEMPLATE]-custom.css file which is the rt_chapelco-custom.css for your template. I make it a 'hard rule' to never alter core template files unless it is 'absolutely' necessary. To change the menu toggle can be done in the custom css file. No need to touch other CSS or LESS files.
Remember, you will have to change the background colors to match your scheme as well as adjust the margin-top and margin-left to change the position of the toggle button but that should be the only changes you need.