Okay
  Public Ticket #294430
Change Slideout Widget Menu text
Closed

Comments

  • chris started the conversation

    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?

  •  992
    ThemeNectar replied

    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


  • chris replied

    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?

  •  992
    ThemeNectar replied

    You'd need to add an event for that - open the init.js file located in the js folder and change this line:

    $('body').on('click','.slide-out-widget-area-toggle a.closed:not(.animating)',function(){
    to this:
    $('body').on('click','.slide-out-widget-area-toggle a.closed:not(.animating), #call-to-action a',function(){
    Cheers
  • Kellie replied

    Hi 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:

    $('body').on('click','#menu-item-somenumbers a, .slide-out-widget-area-toggle a.closed:not(.animating)',function(){

    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!