Archived topic

Logo and Sticky Menu

3 replies · Started by Keith on April 29, 2019

Viewing posts 1–4 of 4

April 29, 2019 at 8:46 am #883383

I am building a site and on the home page I want the site logo to NOT BE on the navigation at all, and the navigation centered. I've used CSS to hide the logo on the home page, but am not sure how to get the navigation to center ONLY on the home page. The other pages have the navigation as I want it.

April 29, 2019 at 9:36 am #883457

Hi there,

try this CSS to remove the logo and center the nav for just the home page:

.home .site-logo {
    display: none;
}
.home .inside-header {
    display: flex;
    justify-content: center;
}

April 29, 2019 at 9:48 am #883474

That worked awesome! Thank you. Is there a way to hide the logo and center the navigation for the sticky menu on the home page? I tried the below to hide the logo and it didn't work.

.home .sticky-navigation-logo {
    display: none;
}

April 29, 2019 at 10:14 am #883499

And this:

.home .main-navigation.navigation-stick .inside-navigation {
    justify-content: center;
}
.home .main-navigation.navigation-stick .navigation-branding {
    display: none;
}

You will need to increase the sticky navigation menu item height in the customizer.

This archived topic is closed to new replies.

Start building better websites today.