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):
@media only screen and (min-width: 1000px) {
#header-outer[data-format="centered-menu-bottom-bar"] #top nav >.sf-menu >li ul {
margin-top: -40px !important;
}
}
This didn't work for me... The header layout I am using is the default style, not the centred menu bottom bar as is listed in the code you provided. Would that make a difference?
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):
@media only screen and (min-width: 1000px) {
#header-outer #top nav >.sf-menu >li ul {
margin-top: -30px !important;
}
}
How do I bring the dropdown menu closer to the top navigation menu? Basically I want to remove that gap between the edges
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):
@media only screen and (min-width: 1000px) { #header-outer[data-format="centered-menu-bottom-bar"] #top nav >.sf-menu >li ul { margin-top: -40px !important; } }Thanks
ThemeNectar Support Team
Hi Tahir, thanks!
This didn't work for me... The header layout I am using is the default style, not the centred menu bottom bar as is listed in the code you provided. Would that make a difference?
Please provide the page URL so I may write up accurate custom CSS for this request.
Thanks
ThemeNectar Support Team
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):
@media only screen and (min-width: 1000px) { #header-outer #top nav >.sf-menu >li ul { margin-top: -30px !important; } }Thanks
ThemeNectar Support Team
Perfect thank you!!