Z-Index Off-Canvas Mobile Navigation

Hello,

I need your help regarding Z-Index of Mobile Menu.
We have a trusted shop badge on the left side which is fading out while scrolling on mobile.
Unless you scroll it’s overlapping the mobile menu. If iam decreasing the z-index of the #trustbadge-container to 98 instead of 9998 it will completely disappear. I want it to show up on the Page itself but not on top of the Mobile Menu.

Screenshot: https://ibb.co/DrnVLjQ

Can we increase the z-index of the mobile nav?

Kind regards,
Daniel

Hello,

The z-index for that badge comes through the script: https://prnt.sc/UlzdXSjURkNH , so most likely the custom CSS code will not help you.

Try to disable the essential-addons-elementor plugin and then recheck the issue: https://take.ms/I22LT

Kind Regards

Hello,

hmm… i really like the offcanvas provided by this plugin.
By any chance is there a way to display custom elementor content with button trigger (https://ibb.co/gJS3Tjc) in an built in off-canvas (https://ibb.co/T1kq6MJ) form woodmart?

Or any other solutions?

Kind regards,
Daniel

Hello,

You can show your custom content via the Button by using the “Popup” element from the builder. https://prnt.sc/CFuOlMgEe5uQ

That button you can define in the HTML Block and then define it via the widgets that shown as an off-canvas sidebar.

Kind Regards

Hi Luke,

thanks for your quick reply. Can you do a short Video for me? I can’t follow your explanations.

Thank you!

Kind Regads,
Daniel

Hello,

Here is a video: https://take.ms/25HPM

Let me know if I missed something.

Kind Regards

[Author]

Posts