Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I've added the CSS, but it still does not open the submenu, when I hover or click on it at mobile preview. CSS is still inserted, if you want to check. Thank you
Please use this revised CSS and remove the earlier one.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi guys, on mobile Canvas Menu the Submenu of "LIVING" doesn't open, when we click LIVING. It only opens, when we click the small arrow.
We need the submenu to also open when we click on LIVING. How can we change this? I haven't found a setting at Salients Header Navigation.
We want the Desktop Menu to stay the same as right now. Thank you!
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#slide-out-widget-area li.open-submenu .ocm-dropdown-arrow { width: 100% !important; transition: transform .0s cubic-bezier(.215,.61,.355,1); }Thanks
ThemeNectar Support Team
Hey Tahir,
I've added the CSS, but it still does not open the submenu, when I hover or click on it at mobile preview. CSS is still inserted, if you want to check. Thank you
Hey Again,
Please use this revised CSS and remove the earlier one.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#slide-out-widget-area li .ocm-dropdown-arrow { width: 100% !important; } #slide-out-widget-area .off-canvas-menu-container>ul>li:not(.open-submenu)>.ocm-dropdown-arrow i { float: right; } #slide-out-widget-area .ocm-dropdown-arrow { transition: transform .0s cubic-bezier(.215,.61,.355,1); }Thanks
ThemeNectar Support Team
Thank you!