Okay
  Public Ticket #2238926
Use whole link to trigger off canvas dropdown
Closed

Comments

  • Rob started the conversation

    Hi there,

    Thanks for a great theme!

    On the off-canvas menu if I want to expand a menu link i have to use the little arrow on the right side of the parent link name. How can I make it so the parent link name also expands? 

    If you go to the site https://etrack.com.au

    Shrink to mobile width, trigger teh off canvas menu and try to expand "Industry" you will see. You are forced to do it with just the arrow. How can I make the word Industry also trigger the expansion? 

    Thanks

  •  8,992
    Tahir replied

    Hey Again,

    Simply use this option in Salient Theme Options Panel : http://prntscr.com/q8q6uw . 

    Best


    ThemeNectar Support Team 

  • Rob replied

    Thanks but it does not do it - it changes the way the menu works and the arrows then vanish and it instead slides sideways to show the submenu.

    https://etrack.com.au/

    I have turned it on so you can see what I mean. I want to keep the arrow just as it is is and have the links expand downward just as they do but I want the title to trigger it, not just the arrow. 

  •  8,992
    Tahir replied

    Can you turn it off so i can write up custom css for it .

    Best 


    ThemeNectar Support Team 

  • Rob replied

    Done. Thanks Tahir

  •  8,992
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #slide-out-widget-area .ocm-dropdown-arrow {
        width: 100%;
    }
    #slide-out-widget-area .ocm-dropdown-arrow i {
        right: 0px !important;
        position: absolute;
    }
    #slide-out-widget-area .open-submenu > .ocm-dropdown-arrow i {
        position: absolute;
        left: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Rob replied

    Thanks Tahir. It works except for one bug - it creates a funny effect on the arrow, the arrow rotates around a much larger radius now and moves around in a strange way as it rotates as you'll see.

    https://etrack.com.au/

  •  8,992
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #slide-out-widget-area .ocm-dropdown-arrow {
        transition: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Rob replied

    Thanks Tahir! I am very happy with that.