[Resolved] Footer widget: 4 columns in iPad portrait

[Ana Puente García]

Hi,

I have 4 columns in footer widget on desktop, iPad landscape and 1 column on mobile.

But on iPad Portrait I can’t find the way to have 4 columns, it shows only one. I use this code in functions:

/*WIDGET COLUMNS*/
add_filter( 'generate_footer_widget_1_tablet_width','generate_change_footer_widget_1_tablet_width' );
function generate_change_footer_widget_1_tablet_width()
{
      return '25';
}

add_filter( 'generate_footer_widget_2_tablet_width','generate_change_footer_widget_2_tablet_width' );
function generate_change_footer_widget_2_tablet_width()
{
      return '25';
}

add_filter( 'generate_footer_widget_3_tablet_width','generate_change_footer_widget_3_tablet_width' );
function generate_change_footer_widget_3_tablet_width()
{
      return '25';
}
add_filter( 'generate_footer_widget_4_tablet_width','generate_change_footer_widget_4_tablet_width' );
function generate_change_footer_widget_4_tablet_width()
{
      return '25';
}

and this code in css:

@media (max-width: 768px) {
	 .inside-footer-widgets>div:nth-child(odd) {
        clear: none!important;
    }
	.active-footer-widgets .footer-widget {
      width: 25%!important;
	}

What can be happening that I can not have 4 columns in the footer on iPad portrait?

Thanks!!!

[Tom]

Footer widgets stack on top of each other at that width, as there’s not a lot of room for them to fit.

You can overwrite that like this:

@media (min-width: 768px) and (max-width:1024px) {
    .inside-footer-widgets>div {
        float: left;
        width: 25%;
    }
}

Let me know if you need more info 🙂

[Ana Puente García]

Hi Tom,

It’s ok now.

Thank you!

[Tom]

You’re welcome 🙂

[Author]

Posts