Columns on iPad

Hi everyone,

I’m using the Neve theme for my wordpress site. I use column blocks a lot for my layout.

Everything works fine on desktop, mobile, iPad pro, surface… But not on iPad !

The columns look weird. My columns are most often sized : 20%/60%/20%. It seems that on iPad, the third column alone is pushed down, and the first are streched on the first line.

Inspecting with chrome, it seems that this bit of code is the culprit.

@media (min-width: 600px) and (max-width: 781px)
.wp-block-column:not(:only-child) {
    flex-basis: calc(50% - 1em)!important;
    flex-grow: 0;
}

When I change 50% to 100%, the result looks fine.

So my questions are :
– where can I change this ? This line is not in the theme style.css
– is it safe to change it ?

This is all based on trial and error, so I’m not exactly sure if changing this would cause a problem.

I’m using wordpress 5.8

Thanks in advance !

Léon

• This topic was modified 3 years, 3 months ago by leonpaul.

The page I need help with: [log in to see the link]