- I am currently using a pre-made WordPress theme.
- Recently, I incorporated particles.js as the background for my website.
- The issue I am facing now is that my navigation menu is blending into the same color as the background. I have tried defining a separate color in my code, but it doesn't seem to be working.
Below are the codes I have implemented and the visual result:
.main-nav {
background-color: #585858;
background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
background-image: -o-linear-gradient(top, #585858, #3d3d3d);
background-image: linear-gradient(to top, #585858, #3d3d3d);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d)";
}