Menu Bar in Upper Right Not Showing When Signed In

edited January 2018 in News & Announcements
New installation of 1.4

I am signed in.

When I "inspect" the code, the code for the fuel menu bar is there, but it does not show.

The html for the bar is getting generated and is just above the closing body tag. It looks OK

When I look at the computed css, I find that it is set to not visible.
div#__fuel_edit_bar__ {
display: none;
height: 28px;
position: fixed;
z-index: 111999;
top: 0px;
right: 0;
opacity: .9;
-moz-opacity: .9;
filter: alpha(opacity=90);
font-size: 11px;
font-family: Arial;

Since this is a new installation, I'm suspecting an installation problem.
I do not know if it matters, but I have jQuery 1.7.3 in the fuel backend and 3.2.1 in the application front end. Is this causing some conflict?

Any ideas that might help?


  • edited 11:14PM
    I would test it without your javascripting on the front end and without your CSS on the front end to try and target if it's either of those. Also, I'd made sure the HTML is well structured with all tags properly closed.
  • edited 11:14PM
    Your suggestion helped. It is a javascript version problem.
    Given that info, I found several other posts in this forum on the subject.

    One of those posts provided a github link to a beta version of fuel that uses Jquery 3.x.

    Is this beta version more-or-less functional? If so, I think I should head down that tunnel.
  • edited 11:14PM
    It is functional... mostly a lot of bug fixes for 1.4.
  • edited 11:14PM
    I'm going to give it a try. Other than the obvious, my upgrade which also includes moving from custom responsive design to bootstrap4, is going well.

    Thank you
  • edited 11:14PM
    Just moving to Jquery 2.x worked. Both front-end and back-end seem OK with that.
Sign In or Register to comment.