Title: Toggle transparent nav element
Last modified: February 2, 2023

---

# Toggle transparent nav element

 *  Resolved [jlanpheer](https://wordpress.org/support/users/jlanpheer/)
 * (@jlanpheer)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/toggle-transparent-nav-element/)
 * Hello, i am hoping that this is simple. I’m working on a site and using the Astra
   Pro theme, i’ve designed a nice hero landing page with a menu that looks like
   we’d like it to. The hero section at the top is actually a background video, 
   so i’ve configured the nav menu as ‘transparent’ so it displays behind the nav.
   All this works great.
 * However, on other pages, the requirements are slightly different. We like the
   look of the nav as it is, but we simply want to change it from a transparent 
   menu to one with a background color, since there will be no video background 
   behind it on other pages.
 * In the header builder for the theme, i see ways to disable the menu/header for
   posts, or pages, various options. That’s nice, but we really want to use the 
   same menu, just not in its ‘transparent’ state.
 * Is there a property to toggle via css to accomplish this? Am i missing a setting
   in the theme itself somewhere? Or, do we need to set about getting into header.
   php and creating a custom header/nav thru coding? If there’s a video around that
   talks about this, if someone could point me to it, that would help greatly. Thanks
   and cheers!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/toggle-transparent-nav-element/#post-16449271)
 * Hi [@jlanpheer](https://wordpress.org/support/users/jlanpheer/),
 * Even though you are using the pro version, since your query is actually, not 
   related to the pro, I would like to respond your query here.
 * Well, there are two ways to enable/disable the Transparent Header. First from
   the **Customizer** and second from the [Astra Meta Settings](https://wpastra.com/docs/page-meta-settings/).
   The difference between those two ways is, enable/disable the Transparent Header
   from the Customizer will be implemented on the whole site, while enable/disable
   the Transparent Header from the Astra Meta Settings will be implemented only 
   on a specific page.
 * In your case, maybe you leave the Transparent Header disabled from the Customizer,
   and enable it only from the Astra Meta Settings of the landing page.
 * I hope it helps.
 * Kind regards,
    Herman 😊
 *  Thread Starter [jlanpheer](https://wordpress.org/support/users/jlanpheer/)
 * (@jlanpheer)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/toggle-transparent-nav-element/#post-16457652)
 * Hi Herman, i did not see your reply earlier, but that DID help, and i appreciate
   the tip! Thank you very much!
 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/toggle-transparent-nav-element/#post-16483631)
 * Sorry for the delay.
 * Very pleased to know I can be a help. Feel free to start a new thread if there
   is anything else related to Astra we can help you with.
 * Kind regards,
    Herman 😊

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Toggle transparent nav element’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astra/4.13.3/screenshot.jpg)
 * Astra
 * [Support Threads](https://wordpress.org/support/theme/astra/)
 * [Active Topics](https://wordpress.org/support/theme/astra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astra/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [nav](https://wordpress.org/support/topic-tag/nav/)
 * [transparent](https://wordpress.org/support/topic-tag/transparent/)

 * 3 replies
 * 2 participants
 * Last reply from: [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/toggle-transparent-nav-element/#post-16483631)
 * Status: resolved