Navigation and Responsive Design

Posted by Community Admin on 05-Aug-2018 09:10

Navigation and Responsive Design

All Replies

Posted by Community Admin on 07-May-2015 00:00

I've added Responsive Design via the in-built module to the menu.  When on a mobile screen there is a link called "Menu" which you click to expand the menu vertically.  How do I style the link "Menu"?  I would like to change this to an icon?

Posted by Community Admin on 12-May-2015 00:00

Hello David,

You can select a css file in the responsive design rule by clicking on the Select a CSS file button and select your custom css file. In your custom css file you can apply your custom styles to the navigation in order to make the navigation behave as desired on your side. 

You may also find useful the articles below:

http://docs.sitefinity.com/navigation-transformations
http://www.sitefinity.com/blogs/grisha-karanikolovs-blog/2013/04/23/creating-responsive-sitefinity-navigation

Regards,
Sabrie Nedzhip
Telerik

 
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
 

Posted by Community Admin on 12-May-2015 00:00

Hi Sabrie,

 

The first link only looks at transformations in terms of vertical/horizontal menus unless I'm missing something.

The second link refers to the RADControl Menu, which has now been superseded by Kendo UI Menu, so this isn't relevant I don't believe.

When the responsive menu kicks in it creates an <a> record with the word Menu hardcoded it appears, but this does not show up on the navigation template.  So I'm not sure how to change it?

This thread is closed