Gradient not working

In mobile mode (cell phones), the gradient at the top of my site (in the nav header) should go from white to transparent however it is white to black (when viewed on an actual cell phone)


Here is my public share link:
https://preview.webflow.com/preview/library?preview=57259174f999385f0f8315c3ebebfe3b

Hi @rhami, thanks for your post, could you please also share the link to the published site for testing on an actual phone? What model phone is it? i.e. Apple 6 or Galaxy etc

Sure: library.webflow.io

I’ve only tried it on an iPhone 7

Hi @rhami, you can fix this by going to the mobile breakpoint and changing the second gradient color to rgba(255, 255, 255, 0). :smile:

Here’s what it looks like now:

Here’s what you’ll want to do to the rightmost/second gradient stop:

Here’s the result:

1 Like

Great thanks for the help

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