Reply To: Footer widgets behaving strangely on tablet

Home Forums Support Footer widgets behaving strangely on tablet Reply To: Footer widgets behaving strangely on tablet

#207466
Tom
Lead Developer
Lead Developer

Good find! I’ve fixed this in the next version.

If you’re interested, this is the fix:

@media (max-width: 1024px) {
    .inside-footer-widgets > div:nth-child(odd) {
        clear: both;
    }
}

To stop the footer widgets from being responsive on tablets, this post should help: https://generatepress.com/forums/topic/footer-widgets-cut-off-for-multiple-rows/#post-135953

Of course, your code will be a little different as you have 5 widgets:

add_filter( 'generate_footer_widget_1_tablet_width','generate_change_footer_widget_1_tablet_width' );
function generate_change_footer_widget_1_tablet_width()
{
      return '20';
}

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

add_filter( 'generate_footer_widget_3_tablet_width','generate_change_footer_widget_3_tablet_width' );
function generate_change_footer_widget_3_tablet_width()
{
      return '20';
}

add_filter( 'generate_footer_widget_4_tablet_width','generate_change_footer_widget_4_tablet_width' );
function generate_change_footer_widget_4_tablet_width()
{
      return '20';
}

add_filter( 'generate_footer_widget_5_tablet_width','generate_change_footer_widget_5_tablet_width' );
function generate_change_footer_widget_5_tablet_width()
{
      return '20';
}

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

To make the widgets half width on mobile, you would add this CSS:

@media (max-width: 768px) {
    .inside-footer-widgets > div {
        float: left;
        width: 50%;
    }
    .inside-footer-widgets > div:nth-child(odd) {
        clear: both;
    }
}

Glad you’re enjoying the theme! Reviews are incredibly appreciated! You can find the link in my signature below 🙂

Hope the above helps – let me know if you have any more questions.

  • This reply was modified 4 years, 3 months ago by Tom.