Hero Image is unfortunately covering the menu in mobile version of the site of new WordPress Twenty-Twenty One Layout =. I tried to set z-index to 100 or 999 with “!important” to several classes and ids (listed below) but nothing seems to work.
.primary-navigation-open .primary-navigation .primary-menu-container .navigation-top #primary-menu-list .menu-wrapper #site-navigation #nav_menu_instance
The second problem is that if I put a image inside Hero Image (I mean: not the background, but some custom img inside the paragraph) it takes the height and width of the whole Hero Image area (it’s streteched). I can add fixed height and width to the image, but then it doesn’t resize as it supposed to with reducing screen resolution.
Any advice would be appreciated :).