Right now, I am in the process of implementing a layout that is already established in an MVC4 project.
I am facing challenges in figuring out how to create a custom menu in the latest version of Orchard (using the source version so it runs in Visual Studio).
The main issue I am encountering is determining where the CSS should be applied. After searching on Google, the only information I could find was about modifying the Menu.cshtml file (one in core/shapes and one in the admin theme, but I am unsure which one is the correct one). I cannot seem to locate any traces of CSS anywhere.
This is what my menu looks like in HTML:
<div id="cssmenu" class="fixedContentSize">
<ul>
<li class='active '><a href='index.html'><span>Home</span></a></li>
<li class='has-sub '><a href='#'><span>Dojo</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Test</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Test2</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>Media</span></a></li>
<li><a href='#'><span>Links</span></a></li>
<li><a href='#'><span>About</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
</ul>
</div>