[Support request] Background-color, Font-color and transparency for sticky and mobile-navigation

[Torsten]

Very satisfied with the theme!

2 Questions:

1) Is it planed to administrate the colors for the sticky and mobile navigation or do I have to do it via css?

2) The mobile slide-in navigation does not disappear after clicking when I use anchor-links on the page. Any trick?

regards, Totti

[Leo]

Hi Totti,

Glad you are enjoying the theme 🙂

1) I believe separate styling for sticky navigation is in the plan. As for now you would have to use some CSS to style them. Let me know if you need help on that.

2) This post might help: https://generatepress.com/forums/topic/responsive-menu-and-anchor-links/#post-273558

Let me know.

[Torsten]

Thanks, Leo, 2) works fine now! 1) a simple example how to do it correct would be great! 😉

[Leo]

For sticky navigation, try something like this:

.main-navigation.navigation-clone {
    background-color: #ffffff;
}
.main-navigation.navigation-clone .main-nav ul li a {
    color: #000000;
}

Couple questions for the mobile navgiation:
– Are you using a mobile header?
– Are you wanting to change just the header color or the entire slideout navigation?

Let me know.

[Torsten]

Thanks again Leo!

mobile header and slideout navigation…

[Leo]

Try this:

@media (max-width: 768px) {
    .main-navigation {
        background-color: #ffffff;
    }
    .main-navigation .main-nav ul li a {
        color: #000000;
    }
}

Let me know.

[Author]

Posts