DotNetNuke DNN Hosting

Main menu – Solpart menu styling classes

.MainMenu_MenuArrow

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

Solpart Menu Arrow 
 
You can see from styling the borders and setting a width the area that the class effects. If you move over each menu item however it will remove all of the borders and just display the background colour, as you can see in the second image below.

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_MenuArrow
{
    font-family: verdana;
    font-size: 30px;
    cursor: pointer;
    cursor: hand;
    border-right: red 10px solid;
    border-bottom: purple 10px solid;
    border-top: blue 10px solid;
    background-color: yellow;
    width: 50px;
}
Solpart Menu Arrow with Borders

Solpart Menu Arrow Borders Disappeared

The default.css code:

.MainMenu_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}


From the default.css code, all of the settings can actually be removed without affecting the DNN-blue skin, so it appears as though you can completely remove this class.


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

.MainMenu_MenuArrow
{
    display: none;
}