I set up a 4 column footer which contains 4 plain text widgets. They show up correctly on desktop and get reordered on mobile device as expected. But on tablet (iPad) the reorder is somehow strange. Looks like they get ordered on 3 rows with the first and second column side by side, third widget floating right and fourth widget displayed underneath. Is there a chance to have them reorder correctly on tablets?
Hi!
I set up a 4 column footer which contains 4 plain text widgets. They show up correctly on desktop and get reordered on mobile device as expected. But on tablet (iPad) the reorder is somehow strange. Looks like they get ordered on 3 rows with the first and second column side by side, third widget floating right and fourth widget displayed underneath. Is there a chance to have them reorder correctly on tablets?
Thanks in advance! Till
Hi Till,
Can you please add the code below to your Custom CSS area:
@media (max-width: 991px) { .widget-area.widgets--columned-layout.widgets--columns-4>.widget:nth-child(3) { clear: both; } }Have a nice day!
That works like a charm! Thank you very much!
Hi Till,
Happy to hear that
Have a great day!
Will set this ticket as solved from here.