Design and CSS styles
Version 7.x > Design and CSS styles > CSS List Menu design View modes: 
User avatar
Member
Member
Peter.Solnet-gmail - 8/31/2013 2:47:34 AM
   
CSS List Menu design
I have the following markup to be implemented.

Hi guys,

I am to implement this structure with kentico
<ul class="megamenu"><!-- Begin Mega Menu -->

<li class="megamenu_button"><a href="#_">Mega Menu</a></li>

<li><a href="#">Home</a></li>

<li class="aa"><a href="#_" class="megamenu_drop">About Us</a><!-- Begin Item -->
<div class="dropdown_4columns dropdown_container"><!-- Begin Item Container -->
<div class="col_12">
<img class="img_left" src="images/about_us_img.png" width="125" height="146">
<ul class="list_unstyled">
<li><a href="#_">FreelanceSwitch</a></li>
<li><a href="#_">Creattica</a></li>
<li><a href="#_">WorkAwesome</a></li>
<li><a href="#_">Mac Apps</a></li>
</ul>
</div>
</div><!-- End Item Container -->
</li><!-- End Item -->
</ul><!-- End Mega Menu -->

The challenge is I don't even know how to approach the design. I am currently using aspx master template. All suggestion is welcome.

User avatar
Kentico Support
Kentico Support
kentico_romank - 8/31/2013 5:40:13 AM
   
RE:CSS List Menu design
Hi,

Could you please take a look at these two documents http://devnet.kentico.com/docs/tutorial_aspx/index.html?css_styles.htm and http://devnet.kentico.com/docs/tutorial_aspx/index.html?menu_design.htm. I believe that you will find useful information there how to apply CSS styles.

Best Regards,
Roman Konicek

User avatar
Member
Member
Peter.Solnet-gmail - 8/31/2013 7:18:15 AM
   
RE:CSS List Menu design
Thanks Kentico_romank,
But that css is for the regular menu. How do I adopt that for a mega menu (div encompassing ul lists) using either the cmsmenu or cmslistmenu? I am really stock here.
Once again, thanks for your response.

User avatar
Member
Member
kentico_sandroj - 9/2/2013 2:04:48 PM
   
RE:CSS List Menu design
Hello,

Is it a requirement to use cmsmenu or cmslistmenu? It may be better to use a repeater or hierarchical viewers and transformations to create complex navigation menus.