The navigation button for a header doesn't adhere to background styles #113
Unanswered
Ganakim
asked this question in
Help & Support
Replies: 1 comment
-
|
This is unfortunately expected behavior. The way to solve this is by targeting the "header" part. Also, because we apply a default background color to the slotted header (so that it appears solid when scrolled), we need to clear that background as well. Here's what should set you squared away: <style>
wa-page [slot='header'] {
background: transparent;
}
wa-page::part(header) {
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}
</style> |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm not sure if this is a bug or user error, but I'm using the wa-page with a header, and trying to apply a background color to it, which works fine, until it collapses for mobile to have the "3 bars button". The background color is then only applied to the header content, instead of the header as a whole.
Here's the relevant snippet:
Beta Was this translation helpful? Give feedback.
All reactions