Gradient text gets cut off

Support
#1

I have gradient text on this page: https://belmarhealth.com/our-company/

When viewing on mobile it gets cut off. Is there a specific way to do gradient text in X theme?

#2

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .el4.x-text.our-company {
        font-size: 34px;
    }
}

Let us know how it goes!

1 Like
#3

Hey Thai,

That did the trick on chrome and safari. One issue though on safari is that the text won’t appear until I click on it…

#4

Scratch that. Doesn’t work at all on Safari

#5

Hello There,

Gradient text will not work in Safari. Please refer to this articles:


Hope this explains it briefly.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.