Footer background not displaying on certain pages

[cathapostlectr]

I am running into an odd issue. 

Our footer is set to have the color of #2e3641, however, on a few random pages (i.e. www.catholicapostolatecenter.org/fratelli-tutti.html and www.catholicapostolatecenter.org/catechesis.html) the footer is not rendering with a background color. 

What could make this happen? We do have a custom CSS which enables the use of custom fonts, but that is the general extent of the code's changes. Any ideas? The raw main.less CSS is available here. 

[NJRFTF]

@cathapostlectr  Immediately noticed that clicking on the Menu button (top left) on both of those pages does NOT display any menu whatsoever - and - just tried other pages and menu does not seem to work anywhere?  (using Firefox and Chrome)

[seicolegwr]

@cathapostlectr 

Strange. You've obviously made changes to the code inadvertently. I've only had time to have a very brief look at your code and I can't say why the problem is occurring on different pages (or why your nav isn't active) but what sticks out is you seem to have two conflicting .footerBg. One correctly calls @color and the other (marked in red below) @site-primary-color which seems to be the white background. This red line of code seems to be plonked down in the middle of somewhere it shouldn't be. I'd try deleting it to see if fixes things.

/* Global styles */

.footerBg (@color) when (@color = #2e3641) {
  background-color: #2e3641;
}
.footerBg (@color) when not (@color = #2e3641) {
  background-color: #2e3641;
}

html {
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  .footerBg(@site-primary-color);
  color: @textColor;
  letter-spacing: 0.03em;
  font-family: 'Adobe Caslon Pro', serif;
  font-size: 16px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;

Hope this helps, Gary

[cathapostlectr]

Thank you so much @seicolegwr and @NJRFTF. 

With the addition of the menu problem, I became more curious. I went and set up a new site with the same base theme which Weebly provides, just to see if I could copy the CSS from there and make my custom font changes to fix the problem. However, that new site is having the SAME issue with the navigation/menu with no changes or additions. I literally just created the site, chose the theme, and pressed publish: cactest1234.weebly.com

You'll notice you are unable to scroll once you click on the menu, and the scrollbar vanishes. 

Any other ideas on what might be causing either of these issues?

[seicolegwr]

@cathapostlectr 

Well that's interesting because the menu on both sites seems to work now. I wouldn't worry about the nav menu disappearing, that's just a setting in the code and can be changed easily enough.

What theme are you using?

Gary