Welcome Guest, Not a member yet? Register   Sign In
Codeigniter 4 debug bar header link "disappeared" - color won't change

I am working on migrating my website from CI3 to CI4. The CI4 debug bar seems like it's having a conflict with CSS somewhere but I can't figure it out. 
Here is the example CI4 page: https://dev.vmc.w3.uvm.edu/xana/CI4/ 
If you click on the Codeigniter flame on the bottom right it pulls up the debug bar. However, the menu items are not visible and the close button on the right is stretched out.
I tried updating the CSS to see if that would change the link color, but it did not.  So I'm not sure what is going on?
#debug-bar .ci-label a {
  color: inherit; //changed this to #000; but it didn't change the color
  display: flex;
  letter-spacing: normal;
  padding: 0 10px;
  text-decoration: none;
  align-items: center;

Any ideas on getting the toolbar showing correctly?


First, upgrade to CI v4.4.8 and see what happens.

I figured it out by methodically commenting 4000 lines of our CSS to narrow it down.  Looks like it was the code for the h1 moving the links.  I'm not sure the best way to go about fixing this, as I don't really want to update the CI4 code and we have a lot of h1's through out our very large site.

    font-family:'Open Sans', Sans-serif;
    text-transform: uppercase;
    color: #464646;
    background-color: #f4f9eb;
    padding: 1.4em 0 1.4em 20px;
    margin: 0 0 1em;

Try this.

Theme © iAndrew 2016 - Forum software by © MyBB