Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Remove circles from main navigation

Featured Lock Resolved Task
Hi,
How can I remove circle next to the each of the navigation items?

Many thanks.

6 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your pm. Please remove the below css code.


#sp-main-menu ul.level-0 > li:hover >a:after, #sp-main-menu ul.level-0 > li.active >a:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
margin-left: -8px;
top: 50%;
margin-top: -6px;
background: #fefefe;
border: 2px solid;
z-index: 3;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please follow the below instruction.

1. Find out this css code from menu.less or template.css code

#sp-main-menu ul.level-0 > li >a:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
margin-left: -8px;
top: 50%;
margin-top: -6px;
border: 2px solid #cbcdca;
z-index: 3;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}


And replace with this code

#sp-main-menu ul.level-0 > li >a:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
margin-left: -8px;
top: 50%;
margin-top: -6px;
border: 2px solid #cbcdca;
z-index: 3;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display:none;
}


-Thanks

easyjoomlar

More than a month ago #Permalink
Thanks for that! Also how do I remove it on the hover and active state?

Toufiq - Staff

More than a month ago #Permalink
easyjoomlar wrote:

Thanks for that! Also how do I remove it on the hover and active state?


Hi, Thanks for your reply. Could you send me administrator info via pm. Thanks

easyjoomlar

More than a month ago #Permalink
Toufiq wrote:

Hi,

Thanks for your pm. Please remove the below css code.


#sp-main-menu ul.level-0 > li:hover >a:after, #sp-main-menu ul.level-0 > li.active >a:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
margin-left: -8px;
top: 50%;
margin-top: -6px;
background: #fefefe;
border: 2px solid;
z-index: 3;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}


-Thanks


Thanks! What css file is that line of code in?


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 115
Toufiq

Toufiq

Total Accepted Answers: 62
Pavel

Pavel

Total Accepted Answers: 4
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us