Opened 2 years ago
Last modified 11 months ago
#53649 new defect (bug)
Twenty Twenty-One: Footer widget CSS grid
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | 5.8 |
Component: | Bundled Theme | Keywords: | reporter-feedback |
Focuses: | css | Cc: |
Description
WordPress 5.8 RC2
When placing a block such as slider using [Slick](https://github.com/kenwheeler/slick) in footer (may happens with other blocks), the width of the footer can be longer than the available on the theme causing to display an horizontal scrollbar and messed up the width of the 3 footer widgets columns.
Solution:
in Twenty Twenty-One theme, when the CSS Grid columns width is defined, use minmax() in combination with 1fr.
grid-template-columns: repeat(2, minmax( 0, 1fr )); grid-template-columns: repeat(3, minmax( 0, 1fr ));
Attachments (2)
Change History (6)
#1
@
2 years ago
- Summary changed from Twenty twenty-One theme footer widgetCSS grid to Twenty Twenty-One: Footer widget CSS grid
This ticket was mentioned in Slack in #core by jeffpaul. View the logs.
2 years ago
#3
@
2 years ago
- Keywords reporter-feedback added
@htmgarcia Thanks for this ticket! And welcome to Trac!
Can you provide a bit more detail? Some code that can be used to demonstrate the problem would be helpful for others to gain an understanding of what's happening. The GitHub you linked to is a JavaScript library, but there's no indication of how it's being used within WordPress.
Slideshow Block inside a CSS Grid column