Home>Support>Footer Widgets Overlapping when in Mobile

Footer Widgets Overlapping when in Mobile

By Jose AMezcua, 9 years ago. Last reply by Greg Priday, 9 years ago.

Hello SiteOrigin Team,

we have 3 widgets on the footer section, they look ok in desktop version but when we see it in mobile and the middle widget is placed on top of the last widget. How can we fix it so that it is aligned correctly?

Thanks in advance!
J

URL: http://www.rabita.mx

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Greg Priday
    Hi, I Work Here

    Hi Jose

    It looks like you have some custom CSS that’s changing how the footer widgets are being displayed. I can’t quite tell which CSS is causing the problem, but this rule, for example, is stopping the widths of the widgets from being changed in mobile.

    #text-3 {
    float:left;
    display: inline-block;
    width:33.3% !important;
}

    I’d just suggest playing around with the custom CSS you’ve written until the issue goes away. Something you can do is completely remove all the custom CSS, then readd it block by block until the issue comes back. This will help you diagnose where it’s coming from.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More