I'm in need of assistance with my navigation bar design. I have a specific vision for it, and I even have an image of the "rough texture" that I want to incorporate into the navigation menu. However, I've been struggling to figure out how to use CSS to achieve this desired look.
Below is the HTML code I am working with, utilizing Wordpress for the menu:
<div id="nav">
<div class="container">
<div class="row">
<div class="span12"><?php mt_menu(); ?></div>
</div>
</div>
</div>
I attempted to add the texture using the following CSS snippet:
#nav::before{
content:url('rough-texture.png');
}
However, I didn't achieve the desired result. Here's the image I'm trying to integrate into my navigation menu:
https://drive.google.com/file/d/0Bz4W2EsvOZtUQmFSdXhtTE52Z00/view?usp=sharing