[Support request] Footer widgets layout issues

[Cyril]

Hi.
I would like to stack my 2 widgets area, not 2 columns. So I used generate_footer_widget_1_width and generate_footer_widget_2_width to return 100.

Here’s the class of each widget : footer-widget-1 grid-parent grid-100 tablet-grid-50 mobile-grid-100
1. Why class is not tablet-grid-100 ?
2. I’m very confused with css techniques in use about content alignement / inner padding at different sizes… Impossible to get correct alignment

Thanks !

[David]

Hi there,

so you want to maintain 100% wide columns on tablet ? If so try this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .inside-footer-widgets .tablet-grid-50 {
        float: none;
        width: 100%;
        }
}

[Cyril]

Thanks David !
But why when I use filer generate_footer_widget_1_width outputted classes is grid-100 tablet-grid-50 mobile-grid-100 ?

[David]

There is a separate filter for Tablet:

https://docs.generatepress.com/article/generate_footer_widget_1_tablet_width/

[Author]

Posts