+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Navigation and Responsive Design

Navigation and Responsive Design

3 posts, 0 answered
  1. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    07 May 2015
    Link to this post
    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?
  2. Sabrie Nedzhip
    Sabrie Nedzhip avatar
    534 posts
    Registered:
    02 Dec 2016
    12 May 2015
    Link to this post
    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
     
  3. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    12 May 2015 in reply to Sabrie Nedzhip
    Link to this post

    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?

3 posts, 0 answered