Navigation and Responsive Design - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Navigation and Responsive Design

  • 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
     
    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
     
  • 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?