How do I remove this black box and number when I hover over this menu?

Posted on 2014-08-16
Last Modified: 2014-08-16
I have a site here:

when you hover or click on a menu item there is a small black box that appears below that menu item.

How do I remove it?

Also, when you hover or click on a menu item a number appears next to the menu link. How do I remove that?
Question by:Donnie Walker
    LVL 28

    Expert Comment

    What menu?

    I don't see any menu.

    Isn't this a duplicate post?
    LVL 58

    Expert Comment

    Do you mean the underline?

    Add this

    a:hover {
        text-decoration: none !important;

    Open in new window


    Author Comment

    by:Donnie Walker
    I just need to remove the number that appears to the left of a menu item when you click or hover.
    LVL 58

    Accepted Solution

    .sf-menu > li {...} - styles.css line 473

    list-style-type: decimal-leading-zero;

    Author Closing Comment

    by:Donnie Walker
    You da man! Thanks Gary!

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Suggested Solutions

    Title # Comments Views Activity
    Handling the alignment of the Drop down Divs 11 41
    Alert not firing 2 21
    Summernote required 3 19
    Hover Gone 16 12
    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now