[Support request] Making Desktop Menu a Non-Hamburger Menu

[Ying]

That’s interesting to know 🙂

In that case, can you remove this CSS?
https://www.screencast.com/t/JdUaumQC

[Milos]

Thanks, that did it for the menu! The menu now cores up the top of all the pages though, so the top of all of our hero images gets covered up by the fixed menu, which makes everything look strange. How would I be able to push the pages down, so the pages start below the menu?

I’ve included the screenshot of the old header/menu pushing the page down, vs the new header/menu, where the page seems to start at the top of the browser (behind the header/menu, thereby the top of the photos being covered up)

Thanks

[Ying]

Try add this css:

@media (min-width: 769px) {
    #page {
        margin-top: 97px;
    }
}

Let me know 🙂

[Milos]

Hello, thanks for all your help. I’ve implemented everything and made it live, just looking for any minor bugs I can find right now.

One thing I noticed, I made my primary navigation menu background completely black whereas the header is a dark gray. If you look at the image I’ve linked in the info…on mobile, this primary navigation background causes mobile header to have a weird black line on the right of the header, as well as around the hamburger menu.

How would I get rid of this (i.e. make it so the mobile is the same gray everywhere without having the blacks that I’m pointing to in the image, while still leaving my navigation completely black).

[Elvin]

Hi Milos,

You can try adding this CSS so the color is uniform:

nav#mobile-header {
    background-color: #1a1c20;
}

[Author]

Posts