Javascript 移动菜单定位

我正在使用HubSpot COS构建我的第一个模板。我正在尝试为我的响应菜单实现一个移动菜单

我有一个菜单，我添加了一个自定义的

class=“custom Menu primary”

。HubSpot提供了一个JS代码，我正在页面的页脚上引用它。我可以看到JS的一切都如预期的那样工作，但我无法理解的是CSS的定位

在手机上，我的菜单正在向下移动，我无法阻止if向下移动。我尝试使用固定的定位来移动定位，并应用

空白：nowrap并且似乎没有任何东西像预期的那样工作。在这篇HubSpot文章中有到JS和CSS的链接

将移动触发器移动到右上角的最佳方式是什么。这是我的网站的第一个链接

在“媒体查询”部分，对于类
徽标，添加：

float:left;

对于类
小部件类型空间
：

display: none;

下面是您的问题的快速修复，下面的代码暂时解决

请参考导航栏的引导。

谢谢你能解决我的问题
@media (max-width: 767px)
raw-resource?po…fered=true:863
.mobile-trigger {
    display: inline-block !important;
    cursor: pointer;
    position: fixed;
    top: 30px;
    right: 20px;
    width: auto;
    height: auto;
    padding: 7px 10px 8px 10px;
    background: #ffffff;
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
}

@media (max-width: 767px)
raw-resource?po…ered=true:1007
.custom-menu-primary.js-enabled .hs-menu-wrapper {
    width: 95%;
    position: fixed;
    margin: 20px 10px 0px 10px;
    top: 45px;
    left: 0;
    padding: 0;
}