Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Footer widget: 4 columns in iPad portrait

Home Forums Support Footer widget: 4 columns in iPad portrait

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #403948
    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!!!

    GP Premium 1.4.3
    #404344
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #404616
    Ana Puente García

    Hi Tom,

    It’s ok now.

    Thank you!

    #405037
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.