i would like to hide the underline beneath the copy in the navigation and use only the colour change for highlights. I could not find that setting within the general settings for navigation or header.
It`s already selected in my settings - see screenshots attached. But the underline in the navigation menu stays and shows up on hover additionally to the colour change of the word – see screenshot attached.
Is there something else I should change within the settings?
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):
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect :before, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect:after, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect :after {
background-color: #ff1053 !important;
}
hey team nectar,
i would like to hide the underline beneath the copy in the navigation and use only the colour change for highlights. I could not find that setting within the general settings for navigation or header.
Is it possible at all?
Thanks and best.
Vicky
Hey Again,
You can change it in here:
Thanks
ThemeNectar Support Team
It`s already selected in my settings - see screenshots attached.
But the underline in the navigation menu stays and shows up on hover additionally to the colour change of the word – see screenshot attached.
Is there something else I should change within the settings?
Best best
Vicky
Hi Vicky,
The website is password protected. Could you allow us to check so that we share possible css.
Kind regards.
Hi Vicky,
Try the following custom css in Salient > General settings > CSS/Script related:
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li a:after { display: none; }Kind regards.
yey, that worked out. the line on hover is gone when navi is open. thanks :)
but unfortunately the colour change of the burger menu is gone, too.
before: on hover the burger menu became red.
now: it stays white as no-hovered
is there a possibility to enable the red in the burger again?
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):
#header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect :before, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect:after, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a .lines-button.hover-effect :after { background-color: #ff1053 !important; }Thanks
ThemeNectar Support Team
Great! That works!!! THANK YOU :)