Remove lines around dropdown menu in Zuki?

• 

  bennisonbooks · Member · Jul 16, 2016 at 10:56 am

  • Copy link
  • Add topic to favorites

  Hello :)

  I’m wondering it it’s possible to use css to remove the top horizontal and left side border line that appear when the dropdown menu is used. (I currently have it under ‘Reviews’ on my site. Thank you very much.

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

• 

  bennisonbooks · Member · Jul 16, 2016 at 11:20 am

  • Copy link

  PS – also the single horizontal line underneath menu items when the dropdown is not used. Thank you :)

• 

  hallluke · Member · Jul 16, 2016 at 2:40 pm

  • Copy link

  Give this a go:

  #site-nav ul li a:hover,
  #site-nav ul li:hover > ul,
  #site-nav li:hover > a {
  	border: none;
  }

• 

  bennisonbooks · Member · Jul 16, 2016 at 5:17 pm

  • Copy link

  Thank you – you are so helpful. I appreciate it. With this one the lines have gone (wonderful!), but there is just a split second as you move away from the menu item across the top when the line still shows. I can definitely live with that – but just wondered if there was anything that would get rid of that too?

• 

  hallluke · Member · Jul 16, 2016 at 5:43 pm

  • Copy link

  Oops, I missed that bit, try adding this:

  @media screen and (min-width: 1260px) {
  	#site-nav ul li a {
  		border: none;
  	}
  }

• 

  bennisonbooks · Member · Jul 16, 2016 at 6:18 pm

  • Copy link

  Brilliant, thank you very much indeed. :)