[Resolved] image logo next to burger for slideout primary navigation

[sparkle]

here? i doubled it and no change….

View post on imgur.com

[Leo]

In the Primary navigation:
https://docs.generatepress.com/article/menu-item-height-width/

[sparkle]

ah! i see! that WAS set to zero! i made it about the size i’d like the logo to be, but it’s on the right. any way to replace the CHARON ARTS text in the center with the logo? it would be awesome if it was only on the home page, but i bet we could live with it if it had to be everywhere.

thanks so much. if i get this sorted and checked off my list i will have accomplished 3 out of 4 of my huge ‘need support’ issues. fingers crossed the last one can resolve tonight too.

[Leo]

I’m seeing this CSS. Is that needed?

.main-navigation:not(.slideout-navigation) .main-nav {
    flex-grow: 1;
}

[sparkle]

i have no idea! i’ll delete it now and we’ll see? pretty sure that was all part of the instructions i used to make the off panel nav my primary nav.

[Leo]

Now you have a syntax error as a closing bracket } is missing here:
https://www.screencast.com/t/Ys14aayvsZ

[sparkle]

oh. erm. oops. fixed.

[Leo]

Now you can do something like this:

@media (min-width: 769px) {
    body.home .main-navigation.has-branding .inside-navigation .navigation-branding {
        order: 5;
    }
    body.home .off-canvas-toggle-label {
        display: none;
    }
}

[sparkle]

great. that’s looking really nice on all the pages. we might just go with that. thanks so much for getting me sorted.

🙂

[Leo]

No problem 🙂

[Author]

Posts