[HansH]

Hello Minal,

I looked at the website on the iPad.
The footer showed stacked columns as you can see here

I tried to adjust the column width: has no effect.

How can I solve this problem?

Thanks for answering in advance.

Kind regards

Hans Hagmeijer

[minal]

Hello Hansh,

By default columns will be stacked each other in tablet in WordPress however you can manipulate columns width by CSS given to it.

here is the CSS snippet for you to try

@media screen and (max-width: 64em) {
  .wp-block-columns.wp-block-footer-widget-area-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 47% !important;
  }
}

.wp-block-archives-list > li, .wp-block-categories-list > li {
   text-align: left;
}

Hope it works for you,

Sincerely,

Minal

 

[HansH]

Hello Minal,

Thank you for css. On the forst sight the css has no effect. columns stay stacking.
I think I solved my problem by moving the weather html to the fourth column. I resize it from 250 x 250 to 200 x 200 px.
The weather image on basis of html was a key problem, according to me.

Now I go and finish foot. If I encounter still a problem, I let you know.

Kind regards

Hans Hagmeijer

[Author]

Posts