remove menu and nav bar from top of page

  • I was trying to edit it with CSS but was not able to remove it completely its thin on desktop but still has the hamburger menu on mobile

    below is the code I found so far but its not working

    .main-navigation a {
padding: 0em 0em;
font-family: cursive !important;
color: white !important;
font-size: 0px !important;
}
.site-header {
    background-color: transparent;
}
.header-top {
    background: transparent;
}
@media screen and (min-width: 60em) {
    .lodestar-front-page .custom-header {
        margin-top: -85px !important;
    }
}

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there!

    When checking a site using Lodestar and no custom CSS, I’m able to hide the menu with just this piece:

    .main-navigation {
    display: none;
}

    Could you give this one a try instead of your code? Or are you trying to remove the menu on only the homepage? Let me know if I’m missing something.

Viewing 1 replies (of 1 total)
  • The topic ‘remove menu and nav bar from top of page’ is closed to new replies.