#site-navigation { margin-top: 37px; }
adust the number value to your liking…
Add following style in css file
#site-navigation ul {
margin-top: 40px;
}
and it will also work for responsive design.
Enjoy !!!
Thanks very much.
It has the desired effect on mobile and laptop. On tablet however it puts the logo on top of the menu, skewed left.
Is it possible for the logo and the menu to exist side by side?
I have the following code for the logo…perhaps it interferes.
/* Increases header area to make room for larger logo*/
#main-nav {
min-height: 100px;
}
/* Increases logo size*/
a.navbar-brand {
height: 100px;
padding: 0 15px;
width: auto;
}
.navbar-brand > img {
margin-left: -110px !important;
margin-top: 10px !important;
}
.navbar-brand > img {
margin-top: 0 !important;
height: 100px !important;
width: 480px !important;
}