January 8, 2019 at 9:37 am #281051
I have a linear gradient as a background colour as part of a header section on a website. However, when viewing on a smaller screen the gradient seems to be different in comparison to viewing it on a larger screen. The larger screen gradient is a lot darker.
Wondering how I can resolve this.
background: linear-gradient(to right , #fe488c, #f99fd0);
background: -moz-linear-gradient(to right , #fe488c, #f99fd0);
background: -webkit-linear-gradient(to right , #fe488c, #f99fd0);
Thanks!January 8, 2019 at 9:43 am #281052
Based on the CSS alone this should not be the case.
Can you demonstate the issue in Codepen.io.January 8, 2019 at 9:49 am #281053
For some reason, no I cannot. It seems to be only on the browser. Tried it with Firefox and Safari and I get the same result as seen in the images above.
Tried on codepen: https://codepen.io/smith8867/pen/zyagmK
Any ideas why this is happening?January 8, 2019 at 9:51 am #281054
Apologies! I seem to have resolved the issue. There was an overlay image that was semi-transparent on wide viewports. Apologies for the inconvenience.
You must be logged in to reply to this topic.