Dropdown menu disappears beind banner
The drop down menu is covered by the banner, as shown below but I need it to appear in front for ease of use

-
Hi,
Could you please check if you have the latest Brizy Free 2.2.9.1 and Brizy Pro 2.2.6 version? How did you create the header and the banner? ARe both designed and created with Brizy? Could you please go to the header block settings and set the z-index with a higher value, e.g. 30 value? For this, please go to Block options -> Settings -> More settings -> Advanced. Here you will found the z-index value. Here you have to add the 30 value https://jmp.sh/XY3O5P1.
Best regards,
Sandra0 -
Hi Sandra,
I have the updated version of both and have designed and created both the header and banner with Brizy.
I have now also updated the z-index value to 30 but the problem still persists.
Any further help will be appreciated.
Thanks,
Al0 -
Hi,
Could you please send us the URL link of this page?
Thanks!Best regards,
Sandra0 -
Hi,
This problem happens because you have added 2 header blocks and the header block have set by default 1055 value for z-index. Therefore, as you have 2 blocks with the same z-index, appears this inconvenience. Therefore, to solve it, you have to set manually a lower value for the z-index of the second header.
To set up a lower value for the z-index you have to add a Custom CSS code. Use this code and add it in the Block options -> Settings -> More Settings -> Advanced in the Custom CSS box. See here.
element {
z-index: 1000 !important;
}Best regards,
Sandra0 -
Hey Sandra,
This worked, thank you so much!!!
Best,
Al0 -
Hi Al,
Great! Thank you for updating us with this!
Best regards,
Sandra0
Please sign in to leave a comment.
Comments
7 comments