Again, this is my favourite theme of all time. I tell all my dev friends this is the one. :)
So i have found the code for bringing the drop down menu up to meet the main menu items, but thats not what i want to do. i want to drop the actual menu, the main menu nav that is, down to the bottom of the header, just above the slider, not floating in the middle of the header as it is.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top nav ul li a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle {
padding-bottom: 10px !important;
}
header#top nav ul li a {
margin-top: 55px !important;
}
That almost worked, but it added 50px of margin (blank space) above the logo. I added negative margin to get rid of that space, but it also effected my Nav Menu. So now my Nav Menu is too high in the header, but other than that it\'s working. Is there anything that you can add to this to help me position the Nav Menu properly? Everything that I do effects the header as well and I wind up where I started. Thanks for the help.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top nav > ul > li > a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle {
padding-bottom: 42px !important;
padding-top: 76px !important;
}
Thank you very much for the help! When I added your CSS to my existing CSS it worked perfectly. Just in case anyone comes across this in the future I will paste the full code below.
header#top nav > ul > li > a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle { padding-bottom: 42px !important; padding-top: 76px !important; }
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):
.home #header-outer[data-lhe="default"] #top nav > ul > li > a {
position: relative;
top: 30px !important;
}
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 #logo {
position:relative !important;
top: 25px !important;
}
}
Hey guys,
Again, this is my favourite theme of all time. I tell all my dev friends this is the one. :)
So i have found the code for bringing the drop down menu up to meet the main menu items, but thats not what i want to do. i want to drop the actual menu, the main menu nav that is, down to the bottom of the header, just above the slider, not floating in the middle of the header as it is.
what is the code to do that?
Thanks so much for your time and help.
hello anyone there? :)
Hey,
header#top nav ul li a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle { padding-bottom: 10px !important; } header#top nav ul li a { margin-top: 55px !important; }
Thanks
ThemeNectar Support Team
Hi Tahir,
That almost worked, but it added 50px of margin (blank space) above the logo. I added negative margin to get rid of that space, but it also effected my Nav Menu. So now my Nav Menu is too high in the header, but other than that it\'s working. Is there anything that you can add to this to help me position the Nav Menu properly? Everything that I do effects the header as well and I wind up where I started. Thanks for the help.
header#top #logo img {
position: fixed;
margin-top: 50px !important;
}
header#top {
margin-top: -50px !important;
}
*updated screenshot attached
Hey Again,
header#top nav > ul > li > a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle { padding-bottom: 42px !important; padding-top: 76px !important; }
Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you very much for the help! When I added your CSS to my existing CSS it worked perfectly. Just in case anyone comes across this in the future I will paste the full code below.
header#top nav > ul > li > a,header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle {
padding-bottom: 42px !important;
padding-top: 76px !important;
}
header#top #logo img {
position: fixed;
margin-top: 40px !important;
}
header#top {
margin-top: -40px !important;
}
Hi, im trying to move my menu position to,
i add the
header#top nav ul li a {
margin-top: 100px !important;
}
but then my whole dropdown menu becomes bigger. please help
@byggis,
Please provide your site url and the position of the menu you want so we can write up custom css for it.
Thanks
ThemeNectar Support Team
Dear Tahir, thank you so much.
We want to choose what page(s) to move the menu on so you know that for the code.
www.barskola.nu
see attached screenshot
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):
.home #header-outer[data-lhe="default"] #top nav > ul > li > a { position: relative; top: 30px !important; }Thanks
ThemeNectar Support Team
Dear Tahir,
thank you, but the logo on the left side is still there. How can that be moved down to to be center-aligned with the menu?
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 #logo { position:relative !important; top: 25px !important; } }Thanks
ThemeNectar Support Team
Tahnk you!!! <3 Works perfect!
Im acctually trying to do this on one more page, but I dont get it to work. Any idea??
https://barskola.nu/bartenderkurs/
Add the Below CSS Code to the Page Editor Custom CSS Box instead of the Salient Theme Options One.
#header-outer[data-lhe="default"] #top nav > ul > li > a { position: relative; top: 30px !important; }Thanks
ThemeNectar Support Team
Thats great! Works like a charm!! Thank you!