Footer containers/columns won't stack for Mobile

Support
#1

Hello, I was wondering how to force the containers/columns in the footer to stack on top of each other for Mobile? Can you help?

#2

Hi there,

Thanks for writing in! You can do this with custom CSS, try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 767px) {
  footer.x-colophon .x-bar-footer .x-bar-content > .x-bar-container {
    flex: 0 1 auto;
  }
}

Hope this helps!

#3

Thank You! That Works perfectly!

#4

Glad it worked.

Cheers!

#5

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