Home › Forums › Support › Footer widgets behaving strangely on tablet › Reply To: Footer widgets behaving strangely on tablet
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 7 years, 8 months ago by Tom.