Website Navbar has hidden icons

[gbowne1]

@taotnpwaft/members

Our website has a broken Navigation bar

This is an interesting issue as it was working before some changes were made and some time before the move to this repository project.

The rest of the font awesome icons are hidden from the view including the hamburger.

Reference and load the index.html file in the broswer.

This issue also exists in the index.php file and that includes the header and footer.html so whatever issue is remaining we need to fix so we can use the PHP file(s).

It now looks like this when index.html is rendered in the browser:

It should have a hamburger menu on the left and then some other icons to the right of the two blue buttons. You can hover over them and it will change to a hand pointer and you can click on it/them but they do not show up. Clicking on the missing hamburger icon does pull out the side nav and it works.

I am open to ideas.

[gbowne1]

In my opinion and with some testing, I believe the problem is in this section of code in index.html, Line(s) # 209-219

<div class="icons_user">
      <button class="icons_button" id="noti">
       <div class="notification"></div>
            </button>
            <button class="icons_button" id="messages">
              <div class="mail"></div>
            </button>
            <button class="icons_button" id="user_acc">
              <div class="user"></div>
            </button>
         </div>
</div>

and it seems the relevant CSS is in /styples/TAOT.css on line 154 through 194.

[viveena30]

i think i can try solving this issue. could you assign it to me? @gbowne1

[BenCos17]

i think i can try solving this issue. could you assign it to me? @gbowne1

Assigned you

[gbowne1]

I think this is primarily a CSS issue