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 implement fluid font size using pure CSS

    How can I clip and transform an image, adding rounded corners and perspective?

    how I can change the size of font inside PHP

    How to toggle the sidebar menu for every browser size?

    How to reflect updates to CSS at runtime in Visual Studio 2012?

    How is better to do with CSS sprites [closed]

    How to call a jquery funcion with a css button?

    How to load CSS on SSL pages?

    How to re-animate CSS3 animations on class change

    How to style radcombobox item so that words that wrap are separated

    How to align slideshow element below header?

    How to only make the opacity lower for the background and not the text in it?

    How to make semi-transparent background [duplicate]

    how to use box-sizing:border-box on a fluid element with no height assigned?

    How Can I get my DL to style properly?

    How to use CSS media query to scale background-image to viewing window

    How to draw a responsive shape [closed]

    I'm acquiring a VARCHAR variable through php, and want to show it using HTML/CSS. How do I auto format it so that it isn't one long sentence

    Any ideas about how to use CSS to emulate a messy stamp?

    How best to use jQuery: with HTML or CSS for formatting

    How to zoom content to screen width

    How can I use a different CSS using jQuery?

    How prevent inheriting “position: relative” CSS

    How to create an enumerated tabular environment in HTML/CSS?

    How to target the first-child of an optgroup with css or jquery

    How to apply CSS directly to DOM TextNodes?

    How to align multiple images horizontally (in a row)?

    How to have two items be placed next to each other in HTML?

    CSS exit box how to? [closed]

    CSS How to make image fluid extending only to one side of browser, aligned with centered content?