Streaming live at 10am (PST)

Gradient not working


#1

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


#2

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


#3

Sure: library.webflow.io

I've only tried it on an iPhone 7


#4

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:


#5

Great thanks for the help


#6

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