Help on footer

  • Resolved mikeyascanio

    (@mikeyascanio)


    7 years, 7 months ago

    Hi,

    We deleted the bootstrap.min.css because it was making the whole website design in a way we didn’t want it but it messed up the footer. Before deleting the bootstrap.min.css, the footer would display the 3 widgets on a horizontal line, from left to right. Now they are in a vertical line.

    Can you help me getting them back to horizontal line please? I wouldn’t like to upload the bootstrap.min.css again since it messes up the website more than just the footer.

    Thanks,

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    Try this please:

    #sidebar-footer .sidebar-column iframe {
    max-width: 100%;
}

#sidebar-footer .sidebar-column {
    width: 30%;
    float: left;
    margin-left: 15px;
}
#sidebar-footer:after {
    content: '';
    clear: both;
    display: block;
}
    Thread Starter mikeyascanio

    (@mikeyascanio)

    It kinda worked, the only problem is that the map is a little lower than the other 2 widgets.

    It worked great and I’m really thankful, but is it possible to allign that with the other widgets?

    I see.. add this please:

    #sidebar-footer .sidebar-column:nth-of-type(2) iframe {
    margin-top: -17px;
}
    Thread Starter mikeyascanio

    (@mikeyascanio)

    Worked, Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help on footer’ is closed to new replies.