Title: Header and Nav Menu Background
Last modified: October 15, 2017

---

# Header and Nav Menu Background

 *  Resolved [thecurator](https://wordpress.org/support/users/thecurator/)
 * (@thecurator)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/)
 * Hi Guys,
 * I was wondering if you could help?
 * Currently the site header & nav menu’s background is fixed and set to transparent
   but I would like the background color to change on scrolling down while the header
   and menu are floating.
 * Is this possible with some custom CSS?
 * Thanks in advance!

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

 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9588321)
 * Hi there,
 * Any chance you can link me to your site?
 *  Thread Starter [thecurator](https://wordpress.org/support/users/thecurator/)
 * (@thecurator)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9588784)
 * Hi Tom,
 * Yes of course.
 * [https://entpass.com](https://entpass.com)
 * In case you wonder about the huge blank space above the fold: Strangely, I have
   a smart-slider on the homepage and that is the reason for the transparent header,
   however it does not seem to be appearing on viewing the site.
 * I am still investigating why this may be.
 * Essentially what Im trying to achieve is that the header/nav menu stays transparent
   over the slider on the homepage then on scroll down the background transparency
   disappears. On all other pages and posts (apart from homepage), I would like 
   the header/nav menu NOT to be transparent at all.
 * If you can help me achieve this with some CSS would be very grateful.
 * Many thanks in advance.
 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9590150)
 * Hmm, you would need some sort of javascript for this.
 * For example, a class needs to be added to the navigation once you scroll down
   far enough. The JS would be a bit too complex to write in a support topic unfortunately.
 * In our premium version, you can merge the header with your content below to achieve
   that same visual effect. Then you can use our sticky navigation which inherits
   your menu colors.
 * Let me know if you need more info – happy to help where I can!
 *  Thread Starter [thecurator](https://wordpress.org/support/users/thecurator/)
 * (@thecurator)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9591829)
 * Hi Tom,
 * I see. Thanks for having a look and the info. You also answered my would be follow
   up question re GP premium!
 * Keep up the good work!
 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9593484)
 * Glad I could help! 🙂

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

The topic ‘Header and Nav Menu Background’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tom](https://wordpress.org/support/users/edge22/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/header-and-nav-menu-background/#post-9593484)
 * Status: resolved