Closed syhussaini closed 2 weeks ago
user on this ticket 6211163-zen is impacted with this issue.
Support References
This comment is automatically generated. Please do not edit it.
Very similar issue reported here on Munchies theme:
I've been having trouble replicating but perhaps between the two I can figure this out :)
📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain
📌 FINDINGS/SCREENSHOTS/VIDEO
Looks like it's stemming from this inline CSS:
ol.has-background, ul.has-background {
padding: 1.25em 2.375em;
}
Which is overriding the default padding setting for the .wp-block-navigation ul:
.wp-block-navigation ul, .wp-block-navigation ul li {
list-style: none;
padding: 0;
}
Same result on AT and Simple, tested with CTGL, Vetro, and
AT Site, Vetro
Simple Site, CTGL
**Simple Site, TT3 (Default)
📌 ACTIONS
User report from #75244, who would like to be notified when this is resolved:
Ran into this here: 42217934-hc
Provided the following CSS as a workaround:
/* fix submenu padding bug | xxx-hc [XX] */
.wp-block-navigation ul, .wp-block-navigation ul li {
list-style: none;
padding: 0;
}
Also related:
Created a more generalized core report here:
6267568-zd-woothemes Please notify the user once this issue is fixed.
Another case here: 6279660-zd-woothemes Please let the user know once this issue is fixed.
Another case here: 6318112-zd-woothemes Please let the user know once this issue is fixed.
Came across another instance in 6569091-zd-woothemes, gave CSS to fix. Follow-up not needed.
Encountered the issue here: 6773296-zen
Gave CSS for the workaround.
Another report in 7391190-zen, using the Munchies theme. Shared the following CSS as a workaround:
ul.wp-block-navigation-submenu.has-background {
padding: 0;
}
Digging through layers of reports on the Gutenberg GitHub repo and this should have been resolved:
https://github.com/WordPress/gutenberg/issues/50486#issuecomment-2225715338
I am going to close this out but let's please reopen and/or flag for me if folks can still replicate this. Thank you!
2023-04-18 Update - Findings show that this is not unique to Bitácora, but to any FSE theme where the submenu has a background color. Relevant Gutenberg report: https://github.com/WordPress/gutenberg/issues/49445 -cuemarie
Quick summary
Bitácora Theme shows submenus with additional Padding when the Page has a list of items added using List Block. The submenu appears correctly when the page without a List Block is viewed.
Please see this image for reference:
Steps to reproduce
What you expected to happen
The menu should appear the same as it appears when on a page without a List Block.
What actually happened
The submenu appears with additional padding.
Impact
Some (< 50%)
Available workarounds?
Yes, easy to implement
Platform (Simple and/or Atomic)
Simple
Logs or notes
No response