Theme Spacious: Mobile menu

  • Resolved YSS3

    (@yss3)


    10 years, 9 months ago

    The way menu appears presently on mobile: ‘menu’ has a black background. Touching/clicking it expands the menu – again with black background and all text in white. The current page is highlighted with a different background colour. Can I change the font colour as well?

    So far I have tried:

    .main-small-navigation ul .current_page_item {
      color: #0000ff;
}
.main-small-navigation ul .current_menu_item a {
      color: #0000ff !important;
}

    Is this even possible?

    Also, while I am at it; is there a way to change the word “menu” that appears on the mobile? I saw one post which said this can be done in functions.php However, I could not figure it out.

    Btw, I am ok with coding but not php etc, so might need some handholding.

Viewing 1 replies (of 1 total)
  • Thread Starter YSS3

    (@yss3)

    10 years, 9 months ago

    Yes, it is possible to change the active selection colour in the menu for small screen (mobile). I could figure it out.

    However, it would be great if somebody could help me to change the text ‘menu’.

    Pasting the code to save someone’s time:

    .site-header .menu-toggle {
		background: #EF7F1A;
}
.main-small-navigation a {
	color: #EF7F1A;
}
.main-small-navigation ul .current_page_item {
          background: #7A7D9E;
}
.main-small-navigation ul .current_page_item a {
          color: #FFFFFF !important;
}
.main-small-navigation li:hover {
	background: #FFFFFF;
}
.small-menu a:hover, a:active, a:focus {
	background: #FFFFFF;
}

    Cheers!

Viewing 1 replies (of 1 total)

The topic ‘Theme Spacious: Mobile menu’ is closed to new replies.