Navigation and Responsive Design
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?
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
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?