I have created a menu item using jquery and CSS, but there seems to be a gap in the menu items. One item is placed on top of the other. I want to remove this gap and gradually push each element to the right as shown in the image. How can I achieve this?
Here is an image of the menu item...
Below is my CSS file:
*{
margin:0;
padding:0;
}
body{
background:#000;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
color: #fff;
text-transform:uppercase;
overflow-x:hidden;
}
.oe_overlay{
background:#000;
opacity:0;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}
(Add the rest of the CSS code here)
This is my HTML:
(Insert your HTML code here)