x

Footer not showing full width like rest of site.

Using the Unite theme. I cannot get my footer to display at full width. I have the full width option checked under theme options, and everything else looks fine, however only the footer won't do so.

If it helps, here is my footer code from the _global.less file. Thank you in advance.

/* Footer */

.footer-wrap {
  width: 100%;
  font-size: 14px;
  border-top: 1px solid fade(@fill, 10%);

 

  .wsite-footer {
    max-width: 1366px;
    background: #cc0029;
    padding: 60px 40px;
;
  }

  h2,
  p,
  blockquote {
    margin: 0 auto 20px;
  }

  h2 {
    font-size: 20px;
  }

  p {
    font-size: 14px;
  }

  blockquote {
    font-size: 14px;
    background: transparent;
    padding: 0 0 0 1em;

    &:before {
      top: 0;
      left: 0;
      font-size: 1.5em;
    }
  }
}

639 Views
Message 1 of 3
Report
1 Best Answer

Best Answer

This was solved by removing the following line of code:

  .wsite-footer {
    max-width: 1366px; <----- This one.
    background: #cc0029;
    padding: 60px 40px;

View Best Answer >

597 Views
Message 4 of 3
Report
2 REPLIES 2

Best Answer

This was solved by removing the following line of code:

  .wsite-footer {
    max-width: 1366px; <----- This one.
    background: #cc0029;
    padding: 60px 40px;

598 Views
Message 4 of 3
Report

Thank you SO much for posting this solution! I was looking for an answer to this as well and your solution worked perfectly. Cheers!
399 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.