Default Menu Line

  • 1
  • Question
  • Updated 7 years ago
  • Answered
On this page I have a custom menu, the black line is part of the default menu which I would like to remove, is there some css code I could use to achieve this?
I'm using this to remove something similar from the banner area

<style type="text/css">
div.layout div#sys_banner div.shadow{
background: none;
Photo of David


  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of the_pete


  • 65 Posts
  • 16 Reply Likes
Official Response
Hey, I'm one of the engineers at Yola

Unfortunately this style wasn't designed with hiding the entire menu in mind.

I have some css that will get rid of that black line while keeping rounded corners in all browsers except Internet Explorer (in IE the line will be gone, but so will the rounded corners).

Add this to your Site CSS (Style > Edit Custom CSS) and it'll take effect for your whole site.


-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-khtml-border:radius:0 0 6px 6px;
-o-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;

Hope this has the desired effect for you guys