Skip to main content
  1. Home
  2. Support
  3. Questions

How do I adjust the colors of the off canvas mobile nav in the Aware theme?

Krijn van Eeden By 
September 13, 2013

In its mobile version, the Aware theme has an off canvas nav.

Where do I find the code for this? I would like to adjust the colors.

Official response from

In the Files tab of your custom Aware theme, you'll see a file called "_mobile-nav.scss". This is the file that controls the styles for the mobile "drawer-style" navigation. 

Starkly_Aware_theme_files.png

Share this post

Showing 5 reactions

How would you tag this suggestion?

Sign in with

Please check your e-mail for a link to activate your account.
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    responded with completed
    posted 2016-06-08 10:59:40 -0700
  • Victoria Rutt
    tagged this with Helpful
    posted 2014-07-20 20:24:09 -0700
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    commented
    Krijn — It sounds like you need to change the “color” attributes. See this screenshot: http://d.pr/i/oxhY
    posted 2013-09-24 11:16:40 -0700
  • Krijn van Eeden
    commented
    Thanks Patrick, I tried it only I’m afraid I didn’t quite manage to do what I wanted.

    The specific problem is that because the background of the mobile nav has been changed to white through changing the theme colours (which I like), the text in the mobile nave is not readable anymore because it is written in white.

    I cannot find a way to do this in the _mobile-nav.scss

    Could you tell me where I can change the text colour in the mobile nav?
    posted 2013-09-24 07:10:50 -0700
  • Krijn van Eeden
    responded
    posted 2013-09-13 11:10:18 -0700

Status key

  • Answered: The question has been officially answered
  • Incomplete: More information is needed to answer the question