Removing menu bullet points

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
7 лет назад
How can I remove the bullet points from menu items?

It seems to be caused by "Content: normal;" however this style is still applied even when removed from the CSS..?

(NC 3.9, default skin)
7 лет назад
seb_lau wrote:
How can I remove the bullet points from menu items?

It seems to be caused by "Content: normal;" however this style is still applied even when removed from the CSS..?

(NC 3.9, default skin)


Hi seb_lau,

U can edit css for it.
Find :
.header-menu .sublist li a:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    width: 5px;
    height: 5px;
    background-color: #ddd;
}
and add display:none

Full :
.header-menu .sublist li a:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    width: 5px;
    height: 5px;
    background-color: #ddd;
    display:none;
}

And change sub cat items padding-left for normalize
Find :
.header-menu .sublist li a{
    display: block;
    position: relative;
    padding: 10px 20px 10px 30px;
    font-size: 14px;
    color: #444;
}
and edit padding values like "padding:10px 20px"

Full:
.header-menu .sublist li a{
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 14px;
    color: #444;
}

GL :)
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.