Opened 11 months ago
Last modified 11 months ago
#56202 new defect (bug)
Twenty Twenty-One: Error when displaying the columns on the phone
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | 6.0 |
Component: | Bundled Theme | Keywords: | needs-patch reporter-feedback |
Focuses: | css | Cc: |
Description
Hi,
I Have found a problem in my websites. I have been using the basic twenty twenty-one theme, it is up to date as well as the wp version and all my plugins.
The columns dont seem to be vizualized properly in phones, even when I tick the box (stack on phones)
I have fix it for my self doing a ccs personalization with this, but stil seem to me correct to fix the problem, no to have to use extra css.
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap!important;
align-items: normal!important;
}
Unfortunately I dont know coding but maybe some oen from the colaborator could check this.
Ill leave some pictures so you know what I mean:
Change History (1)
Note: See
TracTickets for help on using
tickets.
Hi @josefigueroa92, thanks for the report!
I've not been able to reproduce this in Twenty Twenty-One myself, which suggests that perhaps there is something else on your site that is causing the columns not to stack on mobile. Are you able to test it on a clean install without your plugins and any custom CSS you may have added?