```
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 27, 2021, 10:10am UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/2 "2021-08-27T10:10:17Z")
Hi @kat,
A few things:
1. the code you pasted above is malformed - I’m guessing it was just a cut-and-paste error, but you might want to check.
2. using the `navbar-dark` class assumes that your navbar will be a dark color, so the hamburger is styled white. It is actually there on the page, it is just the same color as the navbar
3. For your inside drop down, you don’t have a triggering link like:
` ` above your dropdown-menu.
Cheers,
Bob
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 27, 2021, 8:58pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/3 "2021-08-27T20:58:32Z")
Went line by line against one of your new BTS theme directory htmls in VSC moving the code until the dropdown was fixed. A brutal way to do it, but it worked.
Next trying to get the navbar dark and text white, do link hovers, clean up text and maybe do a fade-in interaction on the banner text from one of your tutorials. Onward!
Thanks greatly for you help, Rob.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 28, 2021, 9:38pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/4 "2021-08-28T21:38:49Z")
[https://mcgraphics.us/indexNew.html](https://mcgraphics.us/indexNew.html)
`a.nav-link:hover { color: #c24e8b;}` doesn’t work. I tried nav-item:hover, a:hover, adding more & less specificity & in vsc and in PG through the create class panel.
`.h3:hover { color: #c24e8b;}` works fine
Suggestions please
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 28, 2021, 9:50pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/5 "2021-08-28T21:50:18Z")
So Bootstrap has a crazy number of `!important` declarations. In this case, the `text-white` class has an important. So, only choice is to use something like `a.nav-link:hover { color: #c24e8b !important;}`.
Cheers,
Bob
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 29, 2021, 12:08am UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/6 "2021-08-29T00:08:25Z")
Works perfectly. But does this mean that adding css transforms on hover will be challenging?
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 29, 2021, 9:18am UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/7 "2021-08-29T09:18:29Z")
It all depends on the CSS property and other classes already present. The browser/Pinegrow DevTools are a great asset to determine if you need !important.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 29, 2021, 4:41pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/8 "2021-08-29T16:41:27Z")
> [@RobM](#):
>
> Pinegrow DevTools
Specific PG panels? If not, do you mean checking DevTools when you open a PG window in the browser?
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 29, 2021, 7:22pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/9 "2021-08-29T19:22:08Z")
Both the DevTools in Pinegrow and the Browser. The DevTools when you right-click on the pinecone and select inspect or the DevTools in the browser. Both will let you see if there is a rule with ‘!important’ in it. You can also see it in the Styles panel if you open the rules from Bootstrap that are hidden by default (see the grey text in the panel when you have an element selected).
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 29, 2021, 8:35pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/10 "2021-08-29T20:35:50Z")
> [@RobM](#):
>
> The DevTools when you right-click on the pinecone
Pinecone DevTools seems to be interacting with the PG interface rather that my open PG page.
---
### Author:  [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)
#### Post date: [August 30, 2021, 1:42am UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/11 "2021-08-30T01:42:23Z")
An easier way is open your page in an external browser and inspect with the devtools of this external browser
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 30, 2021, 9:27am UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/12 "2021-08-30T09:27:56Z")
So, Pinegrow is a web App. It is a web page, powered by JavaScript, running on a stripped-down version of the Chrome browser. The Inspect tool of Pinegrow shows you both the elements of the App, but also the elements of your page, which is just a page in a page. Use the element finder in the upper-left corner of the DevTools to select an element on your page within Pinegrow.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 30, 2021, 4:35pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/13 "2021-08-30T16:35:48Z")
> [@RobM](#):
>
> powered by JavaScript, running on a stripped-down version of the Chrome browser
Interesting, but I think I’m with Akayy, easier to open browser in PG and use devtools there.
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 30, 2021, 6:00pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/14 "2021-08-30T18:00:31Z")
Whatever you feel comfortable with. I just like to keep people informed and give them options.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [August 30, 2021, 9:35pm UTC](https://forum.pinegrow.com/t/dropdown-hamburger-not-working/5586/15 "2021-08-30T21:35:33Z")
> [@RobM](#):
>
> I just like to keep people informed and give them options.
You are super at that!!! I’m a fan, Rob.