Add logo to navigation menu

Hi Michelle,

There’s not really a great way to do this since it’s not something supported by the theme, but you could hack it a bit with absolute positioning since you’ve modified the menu to be full width (which looks nice, btw!).

Also it will require making the logo pretty small to fit in that nav menu, I’m not sure how legible it will be at that size, but you can give it a shot and see what you think.

You can adjust the 992px to whatever breakpoint you want this to take effect at:

@media screen and (min-width: 992px) {
    .navbar-default .navbar-nav {
        max-width: calc(100% - 120px);
    }
    .header .logo {
        z-index: 9999;
        position: absolute;
        left: 20px;
        top: 10px;
    }
    .logo img.custom-logo {
        max-height: 50px;
    }
}

Best of luck! 🙂

Oh, I can’t thank you enough Steven!!

You have no idea how many hours I spent trying to figure this out. This is just what I was trying to do!

Thank you, thank you, thank you and have a wonderful weekend!

Best,

Michelle