Wordpress 栏通知

如何解决Wordpress 栏通知

我正在尝试为我的 wordpress + woocommerce 网站创建一个顶部栏。 我有这些：

<div id="message_Box" class="hide_on_mobile">
  <img id="close_message" style="float:right;cursor:pointer" src="X" height="20px" width="20px"/>
  The Text
</div>

$(function(){
    $('#close_message').click(function(){
        $('#message_Box').remove();
    });
});

#message_Box {
background: #2c3644;
color: #fff;
font-size:16px;
position: fixed;
z-index:1;
top: 0px;
left: 0px;
width: 100% !important;
padding: 10px 0px;
text-align: center;}
#message_Box a {color: #ffffff; border-bottom: 1px dotted;}

现在有两个问题：

1. 栏干扰了菜单区域、徽标、徽标区域（与标题的整个部分）。我希望酒吧把一切都推倒，但我失败了。
2. 它没有向我显示关闭的“X”。