MetroTouch Menu Separator Bar CSS?

3 posts, 1 answers
  1. Adrian Barnes
    Adrian Barnes avatar
    18 posts
    Member since:
    Dec 2009

    Posted 20 May 2015 Link to this post

    I'm trying to modify the CSS for the MetroTouch menu and can't figure out where that vertical/separator bar is set, seen in light blue in my attached screenshot.  I want to set it to the same color as the rest of the menu.  Any ideas?  Thanks!

    I've tried setting values for rmSeparator and that doesn't work.

    Below are my test CSS changes so far to do what I need:

    <style type="text/css">
        .RadMenu_MetroTouch .rmRootGroup {
            padding: 1px !important;
            background: #18323f;
        }
     
        .RadMenu_MetroTouch .rmRootLink {
            padding: 0 15px;
            border: 1px solid #18323f;
            color: #ffffff;
            text-decoration: none;
        }
     
    </style>

  2. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 21 May 2015 Link to this post

    Hi Adrian,

    Thank you for contacting Telerik support.

    Apply the following CSS to remove the vertical border
    html .RadMenu_MetroTouch .rmRootGroup .rmItem {
        border-color: transparent;
    }

    Do not hesitate to contact us if you have other questions.


    Regards,
    Magdalena
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Adrian Barnes
    Adrian Barnes avatar
    18 posts
    Member since:
    Dec 2009

    Posted 21 May 2015 in reply to Magdalena Link to this post

    Pefect!  Thanks!
Back to Top