How to remove CSS triangles?


Tags: css

Problem :

How do I remove the CSS triangles on main menu items that don't have a sub-menu?

See http://v2.letsfaceitbeauty.ca

I think this is the relevant CSS code and I believe ".has-sub" is the correct selector, but I can't figure out how.

#cssmenu > ul > li:hover:after { /* this is the arrow */
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #6796ff;
margin-left: -10px;
}


Solution :

If you know the css that makes the triangle and the element you want the triangle on, just put those two pieces together, i.e. replace the previous rule with

#cssmenu > ul > li.has-sub:hover:after { /* this is the arrow */
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 50%;
   bottom: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #6796ff;
   margin-left: -10px;
}

    CSS Howto..

    How to get height of CSS manipulated image?

    How to incrementally increase the value of a css property every click?

    How to do centered

    with
    on both sides over a background image

    css how to fix layout in table

    How to create an image tag cloud

    CSS How To: Easily make all rules check for 1 ancestor

    How to know which CSS style is applied and from where (javascript)?

    How to edit css for jquery datepicker prev/next buttons?

    How to make this character to be placed at the right side of its container?

    how to make DIV show up on top of other Divs

    How to include SASS files and CSS files into version repository and developement cycle

    How to insert HTML symbol after Bootstrap panel-heading in CSS?

    How To select a specific Div from its Class with JS

    How to recalculate the css url paths when moving it to a different folder

    How do I join my list and div using css?

    how to increase the photoshop sprite canvas width and height

    How to select parents sibling with CSS? [duplicate]

    How do I fix hover property of a div?

    How to dim an image keeping transparency untouched with CSS or JS?

    How to code a scrolling frame in css

    How to achieve the following navigation with CSS and HTML

    Show and hide img

    Third-Level Menu Items Are Always Showing

    How make something like Facebook Notifications?

    How to organize CSS Sheets [closed]

    How do I change ASP.NET App_Themes based on what Skin is selected in RadSkinManager?

    How to fix on Mobile Devices? Custom CSS. (Wordpress)

    How can I target these children divs with one selector?

    Getting a resolution error on Chrome and Firefox for C9 app. Not sure how to resolve

    How to place text over different images with different positions?