It’s possible to hack with the CSS to make it display this way, but I would suggest creating a child theme and experimenting with the hooks/styles if you want this to be bullet-proof across all browsers and devices.
As a quick test I did this:
@media only screen and (min-width: 61.063em) {
.main-navigation-container {
position: absolute;
top: 0;
}
.site-header-wrapper {
margin-top: 67px;
}
}
Hi, I am also looking to move my navigation menu to the top of the header image. My site is http://www.hillsidelifts.com Could you provide me with the css I need? Thank you!