DotNetNuke DNN Hosting

Main menu – Solpart menu styling classes

.MainMenu_RootMenuArrow

Styles the area around the root menu arrow. The arrow is displayed to the right of a root menu item whenever there is a sub-menu item.

You can see from styling the borders the area that the class effects.

Changing the font type and size has no effect.

Note: For valid CSS code to W3C standards, you need to remove:
cursor: hand; (Read further info here).


.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 30px;
    cursor: pointer;
    cursor: hand;
    background-color: red;
    border-right: red 10px solid;
    border-left: yellow 10px solid;
    border-bottom: purple 10px solid;
    border-top: blue 10px solid;
}

Solpart Menu Root Menu Arrow

The default.css code:

.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

Because the default.css file only defines the font size and cursor type, this class can be removed without any problems for the DNN-Blue skin as changing the font has no effect and the cursor: pointer; is inherited from the other MainMenu classes. (View MainMenu class and the cursor for further details)



If you wish to remove the root menu arrow from the menu display you can use:

.MainMenu_RootMenuArrow
{
    display: none;
}