Twenty Twelve mobile navigation colors are gray

  • wldwil

    (@wldwil)


    8 years, 4 months ago

    I am using Twenty Twelve Theme
    I am using a child theme
    I am using Chrome tools to view items on site.
    My site is at http://ocontolibrary.org/news/

    I am frustrated in trying to figure out why my navigation text color goes gray on a narrow screen or mobile device.

    I am sure I am missing one small element, but just cannot find it.

    I appreciate any help on this.

    Thanks,
    Bill

Viewing 2 replies - 1 through 2 (of 2 total)
  • lisa

    (@contentiskey)

    8 years, 4 months ago

    start by checking in the media queries area of twentytwelve style.css file.
    looks like the grey might be fallback/default and white applies for specific widths

    glad to hear you are using a child theme!

    Thread Starter wldwil

    (@wldwil)

    8 years, 4 months ago

    I found:

    .main-navigation a {
	color: #5e5e5e;
}

    added to child theme (worked when I placed it near the top.

    .main-navigation a {
	color: white !important;
}

    The challenge was what to look for. In case others need help. I used chrome tools, but it only showed me the hover color info. Using this as a search in the main theme style sheet found the code right above it.

    thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty Twelve mobile navigation colors are gray’ is closed to new replies.