Exford Theme – Mobile Nav Buttons not responding to CSS color change

• 

  hellob520041de9 · Member · Jan 19, 2022 at 4:50 am

  • Copy link
  • Add topic to favorites

  I updated the color of my nav bar on the Exford theme but cannot get the mobile menu button to change. It looks like this person had the same problem but did not get an answer.

  Here is my current code:

  /* colors in header */
  .site-title {
  	color: white;
  }
  
  .site-description {
  	color: white;
  }
  
  /*base-colors*/
  a, .main-navigation a:link, .main-navigation a:visited {
  	color: LightSeaGreen;
  }
  
  button[data-load-more-btn], button, .button, input[type=submit], .wp-block-button__link, .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
  	background-color: LightSeaGreen;
  }
  
  button:hover, .button:hover, input:hover[type=submit], .wp-block-button__link:hover, .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus, .button:focus, input:focus[type=submit], .wp-block-button__link:focus, .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus, .has-focus.button, input.has-focus[type=submit], .has-focus.wp-block-button__link, .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
  	background-color: Teal;
  }
  
  .entry-title a:active, .entry-title a:focus, .entry-title a:hover, .page-title a:active, .page-title a:focus, .page-title a:hover, .a8c-posts-list .a8c-posts-list-item__title a:active, .a8c-posts-list .a8c-posts-list-item__title a:focus, .a8c-posts-list .a8c-posts-list-item__title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:active, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover {
  	color: LightSeaGreen;
  }
  
  /* menu hover change */
  a:hover, .main-navigation a:hover {
  	color: Teal;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  hellob520041de9 · Member · Jan 19, 2022 at 4:54 am

  • Copy link

  nvm the following ended up working:

  .button:not(.has-background):hover {
  color: #fff;
  background-color: #195f2b;
  }