Archived topic

Background-color, Font-color and transparency for sticky and mobile-navigation

5 replies · Started by Torsten on February 19, 2017

Viewing posts 1–6 of 6

February 19, 2017 at 11:36 am #280998

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

February 19, 2017 at 11:50 am #281001

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.

February 19, 2017 at 12:11 pm #281014

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

February 19, 2017 at 12:36 pm #281033

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.

February 19, 2017 at 1:04 pm #281038

Thanks again Leo!

mobile header and slideout navigation...

February 19, 2017 at 2:40 pm #281077

Try this:

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

Let me know.

This archived topic is closed to new replies.

Start building better websites today.