Archived topic

Keeping 3 x footer widgets for tablet screen size

5 replies · Started by Anton on November 23, 2015

Viewing posts 1–6 of 6

November 23, 2015 at 12:30 am #154892

How do I get the footer widgets to keep showing 3 x 33% when the browser viewport is reduced to tablet size? (Instead of collapsing to show 2 x 50% widgets and 1 x 100% underneath them.)

Thanks

November 23, 2015 at 8:59 am #154990

Hi there,

This should help: https://generatepress.com/forums/topic/footer-widgets-cut-off-for-multiple-rows/#post-135953

Let me know :)

November 23, 2015 at 3:52 pm #155167

Can't it be done just using some CSS?

November 24, 2015 at 12:06 am #155227

Give this a shot:

@media (max-width: 1024px) and (min-width: 769px) {
    .inside-footer-widgets .tablet-grid-50 {
        width: 33.333%;
    }
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

November 24, 2015 at 4:04 am #155361

Thanks Tom. Don't we also want "...and (min-width:768px)" so it still collapses to one column on mobiles?

Anton

November 24, 2015 at 10:10 am #155425

Ah, you're right. I just adjusted the CSS above :)

This archived topic is closed to new replies.

Start building better websites today.