Hi, the order of my footer widgets is reversed on mobile. How can I reverse it again so it will display in the correct order the same as it does on desktop?
Hey DROR,
To do this please create copies of your widgets and place them under the current ones, but in reverse order. Then install the plugin: Widget CSS Classes and add the custom class “desktopwidgets” to the ones you want to show on the desktop, and “mobilewidgets” to the ones you want to show on mobile.
Then add this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 766px) {
.desktopwidgets {
display:none !important;
}
}
@media only screen and (min-width: 767px) {
.mobilewidgets {
display:none !important;
}
}
Best regards,
Mike