A bar below is covering sub links of custom unclickable top link in nav menu

[Lobsterass]

HI

I’ve made the top link PODDAR uncklicable with javascript: void(0); on
https://dev.petramanstrom.se/

It’s working fine everywhere except for on index where the “Mid header” bar covers the sublinks of PODDAR.

Please advice.

<3

[lely]

Hi @Lobsterass,

I can’t see your site because it seems under construction. Although based on your description, it seems to be a z-index issue. Please inspect your bar, and then make sure the bar z-index value where PODDAR menu is added is greater than the z index value of the mid header bar.

If in case this is not a z-index issue, please share credentials so we can investigate further. Thank you.

[Lobsterass]

Ah! Now I see where to add a secure note. Thanx!

Also, yes, it was a z-index issue. I still have no idea what z-index is. Could I put in a request for a future demo video or something on that subject? Or do you already have some info on that somewhere?

Problem solved! Thank you! <3

[ruenel]

Hello @Lobsterass,

Yes, we will take note your feedback and will consider a future video demo about the z-indexes of the elements in the header, footer or in the content area.

The z-index option may have been passively mentioned in one of our tutorial videos. This property actually controls which element is on top or behind when both elements overlap each other. To learn more about z-index CSS property, please check this out:

• https://www.w3schools.com/cssref/pr_pos_z-index.asp

Best Regards.
Hope this helps.