updating drop down menu look

• 

  artistajenkins · Member · Dec 7, 2021 at 3:00 pm

  • Copy link
  • Add topic to favorites

  can someone help me with coding to update the drop down menu.

  – i don’t like the rollover having the underline.
  – I don’t like the green hover color. i would prefer it to be a light gray.
  – on the actual drop down I don’t like the “-” separating each page. any way to get rid of that?

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

• 

  mohammadriyad · Member · Dec 7, 2021 at 3:21 pm

  • Copy link

  Hi there,
  Please add below css on “Additional CSS” from your_site->Appearance->Customize

  .main-menu li a:hover {
      text-decoration: none !important;
  }
  .main-navigation .sub-menu .menu-item a::before {
  content: none !important;
  }
  .main-navigation a:hover {
  color: lightgray;
  }

  This code will solve all your requirements.
  Let’s know here if you have more query.
  Thanks

• 

  artistajenkins · Member · Dec 7, 2021 at 5:40 pm

  • Copy link

  thank you!!

• 

  mohammadriyad · Member · Dec 8, 2021 at 5:58 am

  • Copy link

  We are happy to help. :)