(1) Is it possible to add small vertical separator lines between each menu item in the main navigation
(2) When using the megamenu, is it possible to have vertical separator lines between columns in the dropdown menu?
(3) The menu item style function within Appearance>Menus isnt working. When defining a menu item as a button its not working for the secondary header bar?
(4) IS it possible to define a custom shape divider within row sections? It would be nice to define the attached SVG textured strip as an edge for rows
1 & 2 : 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):
No problem on 3 and 4, maybe something that might appear in the future. I imagine many businesses, like Kaya, will have multiple navigation items and wont have the space to include their CTA's in that main nav so rely on the secondary nav for this.
For the separator lines, all works fine except the colour needs reversing on the sticky nav that appears after scroll.
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):
#header-outer[data-format="centered-menu"].small-nav #top nav >.sf-menu >li:not(:last-child):after {
color: #fff !important;
}
Hi There, this has been a great find for me as this was exactly what I was looking for. I now need to centre the sub items as they are currently ranged left and are to close to the vertical separator lines and change the font. Can you please provide custom CSS? Thanks in advance.
Hi,
Just had a few questions:
(1) Is it possible to add small vertical separator lines between each menu item in the main navigation
(2) When using the megamenu, is it possible to have vertical separator lines between columns in the dropdown menu?
(3) The menu item style function within Appearance>Menus isnt working. When defining a menu item as a button its not working for the secondary header bar?
(4) IS it possible to define a custom shape divider within row sections? It would be nice to define the attached SVG textured strip as an edge for rows
Thanks in advance for any tips.
Cheers
Damien
Hey Again,
1 & 2 : 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):
#header-outer[data-format="centered-menu"] #top nav >.sf-menu >li:not(:last-child):after { content: "|"; } #header-outer #top nav >ul >.megamenu >ul >li:not(:last-child) { border-right: 1px solid #fff; }3: Yes thats correct its not available for Secondary Menu items.
4. No i am afraid there is no such option available at the moment.
Thanks
ThemeNectar Support Team
Hi Tahir,
No problem on 3 and 4, maybe something that might appear in the future. I imagine many businesses, like Kaya, will have multiple navigation items and wont have the space to include their CTA's in that main nav so rely on the secondary nav for this.
For the separator lines, all works fine except the colour needs reversing on the sticky nav that appears after scroll.
Thanks
Damien
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):
#header-outer[data-format="centered-menu"].small-nav #top nav >.sf-menu >li:not(:last-child):after { color: #fff !important; }Thanks
ThemeNectar Support Team
Brilliant, thankyou for your help
Hi There, this has been a great find for me as this was exactly what I was looking for. I now need to centre the sub items as they are currently ranged left and are to close to the vertical separator lines and change the font. Can you please provide custom CSS? Thanks in advance.
@Matt,
Please create a new ticket with your site url so we may write up custom css for it.
Best
ThemeNectar Support Team