Hello, the logo, tagline and navigation are inside a cover block and the cover block is set to clip or cut off any element that goes beyond the cover block area or rectangle, and that is what we see happening with the submenu.
You could add an Additional CSS Class to the cover block; for example: my-cover-block and then via Appearance > Editor, edit any template then access Styles menu in the sidebar to add the following global additional CSS …
.wp-block-cover.my-cover-block {
overflow: visible;
}
- Please adapt the above CSS to your requirements
- Any reason why a cover block was used and not a header template part?
- Anyway, hope this helps and good luck!
I needed to have text over an image and I couldn’t get what was there to work, but the cover block worked exactly as I wanted it. The header block is still there, but the cover block is inset into the header block.
As to that code, I inserted it into the CSS and it doesn’t seem to have changed anything.
Hi, the Additional CSS Class my-cover-block has not been added yet to the cover block. Edit the cover block and the CSS class, as follows:
Cover block Additional CSS Class(es) field
Thanks. I’ve added that tag and applied globally, but it still doesn’t seem to have any effect.
