WordPress.org
Get WordPress

Make WordPress Core

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: josefigueroa92's profile josefigueroa92 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:

https://freeimage.host/i/w1EQp9
https://freeimage.host/i/w1EtIe
https://freeimage.host/i/w1EbLb

Change History (1)

#1 @markparnell
11 months ago

  • Component changed from General to Bundled Theme
  • Keywords reporter-feedback added
  • Severity changed from major to normal
  • Summary changed from Error when displaying the columns on the phone with theme wp 2021 to Twenty Twenty-One: Error when displaying the columns on the phone

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?

Note: See TracTickets for help on using tickets.