Archived topic
Footer widget: 4 columns in iPad portrait
3 replies · Started by Ana Puente García on October 16, 2017
Viewing posts 1–4 of 4
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!!!
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 :)
Hi Tom,
It's ok now.
Thank you!
You're welcome :)
This archived topic is closed to new replies.
