.um-faicon-caret-up element displays on top of sticky menu

  • Hi there – I am using Betheme with Ultimate Member and the .um-faicon-caret-up (used for required field notices) displays on top of the sticky menu. This can be seen when scrolling past the .um-faicon-caret-up element.

    I have tried setting element CSS to position: relative; and z-index: -500; but it still displays on top of the sticky menu.

    Any suggestions? Thanks in advance ??

    • This topic was modified 8 years, 2 months ago by bt_dev.
Viewing 7 replies - 1 through 7 (of 7 total)

  • I know what a caret up faicon is, but not sure what you’re looking at. In any event, your negative z-index value maybe the problem, especially if other elements are claiming priority to the stacking order (out of the stacking context’s root element).

    • This reply was modified 8 years, 2 months ago by borisv.
    Thread Starter bt_dev

    (@biotrace)

    Hi Boris, thanks for replying. I can assure you the Z-index isn’t problematic as it was only introduced to try and fix the issue. Let me explain with pictures.

    Standard Caret:

    Menu overlap:

    The caret is the only element that overlaps the sticky menu

    • This reply was modified 8 years, 2 months ago by bt_dev.
    • This reply was modified 8 years, 2 months ago by bt_dev.
    • This reply was modified 8 years, 2 months ago by bt_dev.

    That appears to be either a css or a javascript conflict, BioTrace. You should try the standard trouble shooting procedure.

    Thread Starter bt_dev

    (@biotrace)

    Hi Boris – I have been following a troubleshooting procedure. Forums are my last resort!!!

    I hope someone can offer constructive feedback ??

    Thanks!

    First of all I don’t know why you have a green error notice (maybe it’s the new UM version or you changed it?). Second, I assume that you troubleshot both theme and plugins. Third, I assume that the problem is in one of the UM forms.

    Fourth, the only solution would be to override the offending code with new code which should go in your form’s CSS box (usually at the bottom right side of the UM form editor).

    Copy and paste the CSS code for your alert problem there.

    And if you still have that problem then try z-index: 9999;

    Regards

    Thread Starter bt_dev

    (@biotrace)

    Hi Boris – Yes, the reason the error notices are green is because we have altered the CSS.

    After further testing, it appears that altering the z-index on .um-faicon-caret-up has no effect, but it works on .um-field-arrow

    Setting z-index: 0 on .um-field-arrow has fixed the arrow overlap on the sticky menu. If anyone else has this issue try the following CSS on your forms.

    .um-field-arrow { z-index: 0; }

    Cheers

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘.um-faicon-caret-up element displays on top of sticky menu’ is closed to new replies.