[3.3.x] Styles Support & Discussion • Re: nav tab icon

Don't think such thing exist but it should not be hard to remove/hide an icon but we need to see the code for that

Okay this can be re-created in a number of ways with different tabs. (I'm embarrassed to say how many hours I've lost to this one "simple" thing.)

Here is a vanilla example.

In the file template/navbar_header.html:

<li id="cattab1" class="dropdown-container" title="Detail">
<a href="#" class="dropdown-trigger"><span>New Tab</span></a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
...

Still displays a chevron or angle icon on the tab.


Here's what it looks like

And zoomed so you can see the icon. It's an angle or chevron.
---

The browser inspector shows html as this:

<a href="#" class="dropdown-trigger dropdown-toggle nav-link"><span>Detail</span></a>

instead of what navbar_header.html says, which (as above) says.

<a href="#" class="dropdown-trigger"><span>New Tab</span></a>

---

And the browser inspector shows css as this:

.navbar .nav-tabs .nav-link.dropdown-toggle:before {
content: '';
font-family: FontAwesome;
position: absolute;
right: 12px;
top: 50%;
font-size: 8px;
line-height: 12px;
width: 8px;
height: 12px;
margin-top: -6px;


So the question is.... does a nav tab dropdown class exist that doesn't automatically call an icon?

Am I asking the wrong question? I'd really just like that icon to disappear from the new tab.

(Yes I've searched for those icon names - chevron and angle - and they only seem to exist in "assets/css/font-awesome.min.css" (and in template pages that wouldn't be involved with the nav header) and removing them doesn't help. Yes I've purged the cache and browser cookies.)

Statistics: Posted by pxdetroit — Mon Mar 10, 2025 8:57 am

---