Footer widgets out of line in mobile view

Support
#1

Hi. How do I make sure that the 4th footer widget drops below the 3rd in a mobile view of this site?


The custom HTML code in widget 3 is:

[WD_FB id="1"]

The custom HTML code in widget 4 is:
avma WSVMA

I want the shortcode for Facebook Feed in widget 3 to be aligned left, so put it in a

container. There must be something needed after the
to force the next widget onto its own line, but I don’t know what is needed.

Thanks.
Dave

#2

Hi Dave,

To make the last widget drop below all widgets in a mobile view, please add this custom CSS under Theme Options > CSS:

@media (max-width: 767px){
    .x-colophon.top .x-column.last {
        clear: both;
    }
}

For more information, please take a look at this:

https://www.w3schools.com/cssref/pr_class_clear.asp

Hope it helps :slight_smile:

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.