Note the upgraded forum! If you are experiencing issues logging in, you may need to reset your password which should send an email. If the email doesn't arrive, be sure to check your spam folder just in case.

Menu Bar in Upper Right Not Showing When Signed In

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?

Comments

  • edited 3:59PM
    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 3:59PM
    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 3:59PM
    It is functional... mostly a lot of bug fixes for 1.4.
  • edited 3:59PM
    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 3:59PM
    Just moving to Jquery 2.x worked. Both front-end and back-end seem OK with that.
Sign In or Register to comment.