Footer problems - can't figure out why text won't wrap on mobile

Support
#1

On this website, the footer text is not wrapping correctly on mobile. When I put this website together a few weeks ago, I remember the footer builder behaving one way with the default, centered text but another way once I put anything else in there. It puzzled me at the time, and so I let it go. But I really should address it. Any idea what might be happening?

1 Like
#2

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 979px){
    .fm1.x-bar-content {
        margin: 0 !important;
        padding: 25px;
    }
}
#3

Thanks! But…the problem persists. Any other suggestions? Why doesn’t the theme / footer builder center it automatically? Why did it go wrong when adding more than the default text?

#4

Hi,

Sorry, there should be a space after .fm1

Kindly change the copde to this

eg.

@media (max-width: 979px){
    .fm1 .x-bar-content {
        margin: 0 !important;
        padding: 25px;
    }
}

Hope that helps.

#5

So…that did not make a difference…

#6

Hi There,

Please use:

@media (max-width: 979px){
    .fm1 .x-bar-content {
 max-width: 90% !Important;
    }
}

Hope it helps

#7

Still nothing. Any other suggestions? Or do I have to switch from a Themeco theme to something else?

#8

Hi There,

Please provide your login credentials in a secure note so we can take a closer look.

Thank you

#9

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