Hi there! I recently came across a responsive multi-level menu that caught my eye. After copying the CSS and JavaScript exactly, I ended up with this NavBar. The issue I'm facing is changing the default color (which is green) to another color. Here's a snippet of the CSS file:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot');
/* more font styles go here */
}
/* various styles for the navigation menu */
I've attempted to tweak the colors in the CSS file or add a background-color property, but the default green hue remains unchanged. It appears that the JavaScript code only handles mobile functionality and doesn't affect the colors. Can anyone offer some guidance on how to customize the colors? As a newbie in web development, any help would be greatly appreciated. Here's a snippet of my HTML code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Include scripts and styles -->
<!-- Your script includes here -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/responsivemultimenu.js"></script>
<!-- Your style includes here -->
<link rel="stylesheet" href="css/responsivemultimenu.css" type="text/css"/>
<!-- Meta tag for viewport settings -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
</head>
<body >
<!-- Your navigation menu structure here -->