Dropdown menus broken since 6.3

Hi @craigthill – it looks as though your Menu/Header area is inside a Cover block – is that correct?

You’re correct that there was a change in the way Cover blocks are handled – where any overflow is removed.

There’s an existing Issue open for this change to be considered – you can always add your comment/voice there to confirm the disruption of the change.
https://github.com/WordPress/gutenberg/issues/53857

Hi jordesign… thanks for your response. I watched the video on the proposed CSS fix to the site:

.wp-block-cover {
overflow: visable;

}

It did not work on my staging site, so I still can not upgrade to 6.3… bummer.

Hi @craigthill, could you share a link for your staging site (not the admin, only the site itself)? Please ensure that you have 6.3 and that you can reproduce the issue, so I can try to create some CSS for you. ??

Hi Felipe… try this, I think thesis what you mean.

https://oycyfstaging.wpengine.com

Thanks

Hi @craigthill,

Yes, I can see what happened here — there was a typo on the CSS that you tried to add.

Here’s the correct one:

header .wp-block-cover {
    overflow: visible;
}

PS: I also edited it to apply only when it is added to the header, so it won’t impact other cover blocks. ??

Just a reminder that you can add this CSS by going to the Site Editor, then Styles. There you can click on the three-dot icon (kebab menu), and go to Additional CSS:

Full Size: https://d.pr/i/Yox1tm

Well, that worked!! Thank you Felipe, and thanks for the heads up on the “header” addition. I am old and not a programmer so I really appreciate it.