Sticky Section text transparent?

Site URL: https://www.brayand.co/new-page-2

I created some CSS so this section is sticky but have run into an issue, when it becomes "sticky" the text is transparent. 

Here is the CSS i've used to create the sticky header:
section[data-section-id="62e2b90cc4b6f5378c2d053c"] { 
position:sticky!important;
top:0;
z-index:99!important;
 background:#FFF!important
}

How can I adjust this so the text is not transparent and does not show the sections behind it?
 

20 hours ago, jesseatkinson said:

Site URL: https://www.brayand.co/new-page-2

I created some CSS so this section is sticky but have run into an issue, when it becomes "sticky" the text is transparent. 

Here is the CSS i've used to create the sticky header:
section[data-section-id="62e2b90cc4b6f5378c2d053c"] { 
position:sticky!important;
top:0;
z-index:99!important;
 background:#FFF!important
}

 

How can I adjust this so the text is not transparent and does not show the sections behind it?
 

I check that it is fine. Have you figured it out?

I have, thank you! 
Another question, on mobile the sticky menu size is too small. Is there a way to make it so on mobile the menu looks like the screen shot where you can scroll across the options?

On 7/30/2022 at 3:17 AM, jesseatkinson said:

I have, thank you! 
Another question, on mobile the sticky menu size is too small. Is there a way to make it so on mobile the menu looks like the screen shot where you can scroll across the options?

The page doesn't exist.

Thank you for responding! 
the new link is: https://www.brayand.co/new-services

Also, for some reason on mobile the links do not work as well. Is there some CSS I could use that would help it function better on mobile?

On 8/1/2022 at 5:56 AM, jesseatkinson said:

Thank you for responding! 
the new link is: https://www.brayand.co/new-services

It looks fine to me. Did you solve problem?