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 remove the blue halo glow from jQuery Mobile input elements that receive focus

    How do I spread out this navbar along with making the links exclusive to the button itself?

    How do I show my existing rails app differently on Facebook canvas

    How can set text row limit using angularJs ng-repeat?

    How to change tooltip color on open using jQuery UI Tooltip?

    How to replicate this css media jquery using javascript to support IE

    How to output different images depend on user screen?

    How to get background image/ image to stretch to fill container via CSS?

    How to style form use css [closed]

    JQuery UI Elements' Image not shown

    How to reset css in middle of html document?

    Clickable dropdowns - How do they work?

    How to pause .setInterval() on hover and on .click() of interior content?

    How to increase or decrease space between two lines in same paragraph?

    how to wrap form elements within the div tag(with background-color) using twitter bootstrap and CSS

    CSS - How to break long words in a table td?

    How to make div to expand vertically without using overflow or javascript or hardcoded values such as margins

    Rails 4: how to identify and format links, hashtags and mentions in model attributes?

    How to make this layout in CSS?

    How to make background image on hover have a transition effect without default background image?

    How can I edit adjacent selector to a nested one

    How get dimension of HTML shadow element via JavaScript

    How do I load a CSS file with HTMLTextWriter

    How to make Bootstrap sticky footer content go full page height?

    How can I use css properties with different classes?

    How to resize animated gif with HTML/CSS?

    How can I show a loading screen while a really large image is loading?

    how to give no-more-use of css in jquery for css params

    how to make observable a css class with knockout js

    How to create a sphere in css?