search

esr360 / One-Nexus

ONE-NEXUS v4 IS IN ACTIVE DEVELOPMENT - USE WITH CAUTION UNTIL THEN - One-Nexus is a toolkit for architecting and constructing modular front-end user-interfaces
http://onenexus.io/
MIT License
102 stars 9 forks source link

Changing fonts = nav bar broken. #9

Closed akb20 closed 10 years ago

akb20 commented 10 years ago

Hi esr. As I mentioned earlier on Reddit changing fonts will break my nav bar. Seems rather odd. Hopefully it's just me derping and not a bug. :dancer:

_fonts.scss original code:

@import url(//fonts.googleapis.com/css?family=Lato:400,300,700,900);

My code: @import url(//fonts.googleapis.com/css?family=Open+Sans:300,700,400);

_variables.scss original code:

$font-1 : 'Lato', sans-serif;

My code:

$font-1 : 'Open Sans', sans-serif;

onenex

esr360 commented 10 years ago

Hi Aaron, thanks for posting!

I have just opened up my test copy of One Nexus, exactly how it would appear when downloaded from Github, and made the above changes you posted to _variables.scss and _fonts.scss and I had no problems changing the font to Open Sans:

http://i.imgur.com/sNnm6TX.png

The menu you are seeing on the left is the "off-canvas nav" which should not be visible by default. Please can you see if you are getting any console errors? It looks like you may be having an issue with jQuery.

What I would suggest is, download a fresh copy of One Nexus, before you make any changes, ensure that everything is working properly, and then make the changes you posted again - it should work. Making those changes should not affect the menu like that.

Please let me know if you are still having problems! I am more than happy to help out.

akb20 commented 10 years ago

Hi again esr,

Thanks for your reply. I just found the issue. When setting up pre-processing i was just dropping the whole nexus folder into PrePros, which does in fact work fine for compiling the SASS. But this will make Prepros also watch the app.js file, which is what caused the issue with the nav bar when changing fonts.

Originally, I followed the pre-processing set-up guide on the One Nexus homepage and only dropped the app.scss file into Prepros. This seemed to create an error. Now I realize it was just taking Prepros a moment to locate the app.css file. So, all is fine. Was just me derping :dancer:

esr360 commented 10 years ago

Glad you managed to get it fixed :) I'll go ahead and close this issue.