Hover effect in a header?

Ask the community
1

Is there a way to create a hover effect in a header as I go over the links? :slight_smile:

2

Hi Tim,

Yes!
In the custom code header of the page (or at app level if the header is a header you set up in the homepage) you would need to insert this:
Replace header1 and the color #

<style>
#header1 .MuiButtonBase-root:hover {
    color: #E82827 !important;
}
</style>
2 Likes
3

@matthieu_chateau, I am attempting to use this code. Do I replace header1 with the name of my header “home-header4”?

4

I was able to get the code to work. Thanks

1 Like