Archived topic

Footer widgets layout issues

3 replies · Started by Cyril on October 8, 2019

Viewing posts 1–4 of 4

October 8, 2019 at 6:04 am #1029187

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 !

October 8, 2019 at 7:36 am #1029278

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%;
        }
}

October 8, 2019 at 8:13 am #1029427

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

October 8, 2019 at 4:19 pm #1029749

There is a separate filter for Tablet:

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

This archived topic is closed to new replies.

Start building better websites today.