https://community.squareup.com/t5/Payments-Troubleshooting/Change-Navigation-Bar-Background-and-Text-Color-Post-Scroll/m-p/681293#M6239 <P><span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Transparent Header Pre-Scroll.png" style="width: 400px;"><img src="https://community.squareup.com/t5/image/serverpage/image-id/39512i43D33DAD3B5529AA/image-size/medium?v=v2&amp;px=400" role="button" title="Transparent Header Pre-Scroll.png" alt="Transparent Header Pre-Scroll.png" /></span><span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Transparent Header Post-Scroll.png" style="width: 400px;"><img src="https://community.squareup.com/t5/image/serverpage/image-id/39511i54E3913906E2A717/image-size/medium?v=v2&amp;px=400" role="button" title="Transparent Header Post-Scroll.png" alt="Transparent Header Post-Scroll.png" /></span>First pic is the header when it loads normally from simply navigating to the website (<A href="http://www.royaltontravel.com" target="_self">www.royaltontravel.com</A>) as it should be, white font, transparent background, and menu box white/transparent...great, however;</P><P>&nbsp;</P><P>Second pic is after the scroll...background goes white and the font goes black. Instead, I want the background to go dark grey (as the background in the rest of the page) and the font to go white.</P><P>&nbsp;</P><P><STRONG>How do I make the post scroll background grey with white font??</STRONG> (while keeping the menu button outline/font white with transparent background.)<BR />I've read a bunch of help threads and can't figure this one out. I am using the <SPAN>High Peak - Birdseye 2</SPAN>. Thanks in advance for the assist.&nbsp;</P> Sat, 20 Sep 2025 08:44:11 GMT Vreal 2025-09-20T08:44:11Z https://community.squareup.com/t5/Payments-Troubleshooting/Change-Navigation-Bar-Background-and-Text-Color-Post-Scroll/m-p/681293#M6239 <P><span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Transparent Header Pre-Scroll.png" style="width: 400px;"><img src="https://community.squareup.com/t5/image/serverpage/image-id/39512i43D33DAD3B5529AA/image-size/medium?v=v2&amp;px=400" role="button" title="Transparent Header Pre-Scroll.png" alt="Transparent Header Pre-Scroll.png" /></span><span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="Transparent Header Post-Scroll.png" style="width: 400px;"><img src="https://community.squareup.com/t5/image/serverpage/image-id/39511i54E3913906E2A717/image-size/medium?v=v2&amp;px=400" role="button" title="Transparent Header Post-Scroll.png" alt="Transparent Header Post-Scroll.png" /></span>First pic is the header when it loads normally from simply navigating to the website (<A href="http://www.royaltontravel.com" target="_self">www.royaltontravel.com</A>) as it should be, white font, transparent background, and menu box white/transparent...great, however;</P><P>&nbsp;</P><P>Second pic is after the scroll...background goes white and the font goes black. Instead, I want the background to go dark grey (as the background in the rest of the page) and the font to go white.</P><P>&nbsp;</P><P><STRONG>How do I make the post scroll background grey with white font??</STRONG> (while keeping the menu button outline/font white with transparent background.)<BR />I've read a bunch of help threads and can't figure this one out. I am using the <SPAN>High Peak - Birdseye 2</SPAN>. Thanks in advance for the assist.&nbsp;</P> Sat, 20 Sep 2025 08:44:11 GMT https://community.squareup.com/t5/Payments-Troubleshooting/Change-Navigation-Bar-Background-and-Text-Color-Post-Scroll/m-p/681293#M6239 Vreal 2025-09-20T08:44:11Z