Design and CSS styles
Version 7.x > Design and CSS styles > Responsive Navigation Menu Using Csslist Menu Webpart View modes: 
User avatar
Member
Member
jack.Ryder-ymail - 12/30/2013 1:04:57 AM
   
Responsive Navigation Menu Using Csslist Menu Webpart
Can you please Help me to build Responsive Navigation Menu using css list menu

User avatar
Kentico MVP
Kentico MVP
Accepted solutionAccepted solution
Brenden Kehren - 12/30/2013 7:09:44 AM
   
RE:Responsive Navigation Menu Using Csslist Menu Webpart
First, that webpart uses a standard unordered list < ul > < li > structure so you should be able to find some CSS and jQuery examples on Google that will get you in the right direction.

Second, depending on your design the menu is bound to change so we're not going to be able to help much if we don't see a design or know what you're looking for.

Third, there are a few different ways you can attemtp this, for instance you could have the CSSList Menu webpart as your main navigation and use a Repeater for your mobile/tablet navigation. Do you know if you're going to use straight media queries or utilize some or all of the features Kentico has to offer?

User avatar
Member
Member
jack.Ryder-ymail - 12/31/2013 4:37:46 AM
   
RE:Responsive Navigation Menu Using Csslist Menu Webpart
Thx for the Reply...i want to ask you that is ther any way to make Responsive NavigationMenu Using csslist menu .Bcz I had problem with ul elemnt, i can not apply any class to ul element while it rendering on page by default it will render its default classes.so can we add our class to ul element while rendering the page??

User avatar
Kentico MVP
Kentico MVP
Brenden Kehren - 12/31/2013 6:36:37 AM
   
RE:Responsive Navigation Menu Using Csslist Menu Webpart
With that webpart, no, you cannot modify the classes applied unless you modify base code. You can use a repeater or a hierarchical viewer to display your navigation. This way you can have full control over your layout, css and design.

User avatar
Member
Member
jack.Ryder-ymail - 12/31/2013 11:15:20 PM
   
RE:Responsive Navigation Menu Using Csslist Menu Webpart
Thank you very much FroggEye..for your help...