Would it be possible to change the look from 3 lines of the slide out widget to actual menu or text? the slide out menu is sooo cool and my customers dont know what it is, or when in mobile they are getting confused with the regular menu. Thank you for the best themeforest theme out there right now. And also can you add a section for the regular header to add hours and telephone for businesses?
ok got it to work on orlandotaxfirm.com... but now the call to action doesnt work even if we input #sidewidgetarea or /#sidewidgetarea.. what can i do to fix that also so it can anchor text it out?
Would it be possible to change the look from 3 lines of the slide out widget to actual menu or text? the slide out menu is sooo cool and my customers dont know what it is, or when in mobile they are getting confused with the regular menu. Thank you for the best themeforest theme out there right now. And also can you add a section for the regular header to add hours and telephone for businesses?
Hey Chris!
As of now this would require modding the header.php file - search for slide-out-widget-area-toggle to end up at the right place
Also thanks for the suggestion :)
Cheers
ok got it to work on orlandotaxfirm.com... but now the call to action doesnt work even if we input #sidewidgetarea or /#sidewidgetarea.. what can i do to fix that also so it can anchor text it out?
You'd need to add an event for that - open the init.js file located in the js folder and change this line:
to this: CheersHi Chris, here's what I did to make a simple menu item "Contact" in the nav trigger the slide out widget:
First I got rid of the slide-out toggle:
1. Open up header.php and remove these lines
<div>
<li>
<div> <a href="#sidewidgetarea"> <span> <i><i></i> </i></span> </a> </div>
</li>
Next I added my menu item to init.js
2. Open up the code inspector, and find out what number is associated with the menu item you want to be the trigger, then place it here:
3. Add the Close function to the slide out widget
open style.css and find this line
body[data-full-width-header="true"] .slide_out_area_close {
display:none;
}
change it to:
body[data-full-width-header="true"] .slide_out_area_close {
position: absolute;
right: 22px;
top: 22px;
}
Hope that helps someone!