Secondary Menu color

[Joseph]

Hi support,
Can you please help me adjust my secondary menu color as it can’t be seen right now: http://prntscr.com/ccsfrq

Here is my sit url: http://goo.gl/9Vxqop

Regards,

[Chinmoy Paul]

Where is the secondary menu? I am not getting this on your site.

[Joseph]

That’s why I ask you to make it visible 🙂 Try to hover your mouse, and you will see as in this screenshot: http://prnt.sc/ccsfrq

[Joseph]

Any update Chinmoy? I hope you know very well where is the secondary menu located? Can you pleaes guide me how to change the background color so that the menu item will be visible?

[Chinmoy Paul]

Add this CSS

.nav-secondary .genesis-nav-menu a {
  color: #666;
}

[Joseph]

Thanks, just one more question. How can we change the word MENU that seen on mobile devices? Screenshot: http://prntscr.com/cdjpqd

Regards,

[Joseph]

Hi Chinmoy,
Have you check for me?

[Chinmoy Paul]

It is in js/global.js file. See this line

$( '.nav-secondary .genesis-nav-menu, .nav-header .genesis-nav-menu' ).before('<div class="responsive-menu-icon"><span>MENU</span></div>');

[Joseph]

Can I simply change the word “MENU” from here? Hope it doesn’t break the site 🙁

[Chinmoy Paul]

Example:

$( '.nav-secondary .genesis-nav-menu, .nav-header .genesis-nav-menu' ).before('<div class="responsive-menu-icon"><span>MENU2</span></div>');

$( '.nav-secondary .genesis-nav-menu, .nav-header .genesis-nav-menu' ).before('<div class="responsive-menu-icon"><span class="screen-reader-text">MENU</span></div>');

It will hide the menu text.

[Author]

Posts