gradient text issue

Hi! I tried this on my site title, but for some reason it makes the bottom half disappear in mobile view. it appears to be because of the "transparent" part of the code, but without that the gradient goes away. Any thoughts?

.header-title-text a {
background: -webkit-linear-gradient(45deg, #5D1916, #933709, #D2691E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header-title-text a:hover {
background: -webkit-linear-gradient(90deg, #FF5A36, #FF7D26, #FFB347);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

6 hours ago, muffy said:

Hi! I tried this on my site title, but for some reason it makes the bottom half disappear in mobile view. it appears to be because of the "transparent" part of the code, but without that the gradient goes away. Any thoughts?

Hey @muffy please provide You site URL.