Mobile Drop-down Menu Invisible

  • Resolved insaneyjaney

    (@insaneyjaney)


    11 years, 10 months ago

    I’m noticing that in the mobile version of my site the icon for the drop-down menu that should substitute for the Top Menu (Primary Menu) isn’t visible. I know it’s there in my header, next to the “search” icon, because if I click what appears to be the empty space, the menu items do display. But the icon that indicates that there’s a menu there is not visible.

    I think I’ve probably got a default font or object colour set to white, which makes that icon effectively invisible on my white header. But I’ve tried some trial and error and can’t figure out where that setting might live in the customization area.

    Any hints as to where to look for that setting would be very helpful! Thanks!

    My site here: http://www.janemacrae.ca

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Brian Harris

    (@zgani)

    11 years, 10 months ago

    I think I’ve probably got a default font or object colour set to white, which makes that icon effectively invisible on my white header. But I’ve tried some trial and error and can’t figure out where that setting might live in the customization area.

    Can I ask how did you set the color in the first place? Via CSS edit or a companion plugin? If plugin, which one?

    Thread Starter insaneyjaney

    (@insaneyjaney)

    11 years, 10 months ago

    Thanks Zulfikar,

    Sorry, I should have mentioned I also have your “Styles: TwentyFourteen” plugin installed. The header background colour is set under the “Header Styles” tab in the customization options.

    Jane

    Theme Author Brian Harris

    (@zgani)

    11 years, 10 months ago

    No problem Jane.

    Not sure why the color for the menu toggle has changed to white as the option should not affect it. I’ll take a look at the plugin in more details as I continue working on its update due out soon.

    In the meantime as a workaround, Could I ask you to add the following CSS code via a custom CSS plugin to resolve the issue…

    .menu-toggle:before {
	color: #062F63;
}

    The above color would match your header/logo color but you can change it to any color of your choice.

    Regards,
    Zulf

    Thread Starter insaneyjaney

    (@insaneyjaney)

    11 years, 10 months ago

    Thank you very much! The CSS code has resolved the issue.

    Cheers,
    Jane

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile Drop-down Menu Invisible’ is closed to new replies.