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?
  • 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.
  • 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.



  • It is functional... mostly a lot of bug fixes for 1.4.
  • 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
  • Just moving to Jquery 2.x worked. Both front-end and back-end seem OK with that.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!