Unable to change primary menu from transparent to color for Pivot Template

[Tim]

Unable to change primary menu from transparent to color and extend 100% behind logo. Is anyone else having this issue? Thoughts?

[Leo]

Hi there,

Try the custom navigation color options in that header element:
https://docs.generatepress.com/article/header-element-overview/#navigation-colors

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

It does not allow changes to the primary navigation color. Does change the sticky header color. I’ve reinstalled theme a couple of times and it acts the same,

[Leo]

Just to make sure, I’m not referring to the color options in the customizer.

I’m referring to the custom navigation colors found in the home page header element/page hero:
https://www.screencast.com/t/K99lHO7IqGZ

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

I’m able to do this on my other sites but, for some reason it does not work. I’m not following your suggestions. I’m pleading ignorance. Apologies for needing to be spoon fed.

[Leo]

Were you able to find the header element/page hero for the home page yet?

Should be listed under Appearance > Elements.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

I’m aware that you can add/change your navigation colors within the element. Same code and settings https://www.midcitiesdentist.com/ with different results which is confusing to me.

[Leo]

Have you figured out?

I see the navigation color changed on this site already:
https://www.screencast.com/t/55UIF2G6nX

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

It’s not what I need it to do. Look at midcitiesdentist.com where the shadow extends 100% and not just below text. The css and setting are the same.

The color for the primary menu is supposed to be controlled in Appearance > Customize > Colors > Header > Background.

I can control the sticky menu color but not the primary header background. Is there CSS that I can modify to make it work like the other site or is there somewhere else I should be editing?

[Tom]

Hi there,

The main difference I’m seeing is the problem site isn’t using the Navigation as Header option: https://docs.generatepress.com/article/navigation-as-a-header/

Does enabling that option help at all?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tim]

Unfortunately thats not an option in this build. Here is the link. May be why I’m having issues I’m using your latest build. See screen shot. https://www.dentaldesignsolutions.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-07-at-8.40.57-PM.png

[Leo]

Do you see a navigation logo uploaded in Customizer > Layout > Primary Navigation?

If so remove that then the navigation as a header should appear in Layout > Header.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

Here is what I’m able to see.
https://www.dentaldesignsolutions.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-08-at-8.59.40-AM.png

[Leo]

Are you using the latest GP Premium 1.9.1?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

Yes it was downloaded and site built yesterday. Love the product and the service. Just an odd behavior and it was also used on 2 separate sites to prove out the issue on my end.

[Author]

Posts