Mobile Nav Bar still has square of original color nav bar?? Help Please

• 

  lindseyslifenstyle · Member · Mar 18, 2017 at 5:03 am

  • Copy link
  • Add topic to favorites

  Hi! So i changed the color of the navbar on my sela theme. It is now a light pick where as originally the theme has a reddish color. Everything works great and the color is great on desktop but, once I view it on mobile the original reddish color is showing just around the word menu and the rest of the nabber is to the pink color i changed to… When i hover over the word menu on mobile it changes to the pink color i had switched to but when not hovering the menu word has a the original reddish box around it. Any help would be great!

  .main-navigation {
  
      background-color: pink;
  border-radius: 45px;
  
  }

  this is the code i used for the nabber color and it works on desktop perfectly but mobile has a square the original red color on the word menu ….

• 

  staff-loquaciousloon · Staff · Mar 20, 2017 at 2:26 pm

  • Copy link

  Hi @lindseyslifenstyle!

  It looks like you’ve removed the CSS you were using – but the following snippet should work to change the color of the menu, submenu, and mobile menu toggle to pink on the Dara theme.

  I’ve also included the rounded borders you had as well:

  .main-navigation {
      border-radius: 45px;
  }
  .main-navigation,
  .menu-toggle,
  .main-navigation ul ul {
      background-color: pink;
  }

  Let me know how it goes!