在引导程序布局中安装固定的 wordpress 菜单

Question

我有一个带有引导页面构建器的 Wordpress 安装。 布局的内容使用十个右引导列，我在尝试放置 Wordpress 主菜单的地方留下了两列的偏移量。 向下滚动时，此主菜单应保持原位。

目前页面位于浏览器的中心

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

如何放置固定的主菜单，使其保留在两个 Wordpress 列中（即使在调整页面大小时）？

我尝试了不同的单位（%、px、vw）来获取到浏览器左边缘的距离。

图片导航 position

<ul id="main-menu" class="navbar-nav ml-auto" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li  class="hide menu-item menu-item-type-custom menu-item-object-custom menu-item-829 nav-item"><a itemprop="url" href="#start" class="nav-link"><span itemprop="name">Start</span></a></li>
<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107 nav-item"><a itemprop="url" href="#anchor_projekts" class="nav-link"><span itemprop="name">Projekt</span></a></li>
<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-108 nav-item"><a itemprop="url" href="#anchor_customers" class="nav-link"><span itemprop="name">Customers</span></a></li>
<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-686 nav-item"><a itemprop="url" href="#anchor_aboutus" class="nav-link"><span itemprop="name">About us</span></a></li>

<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-110 nav-item"><a itemprop="url" href="#anchor_team" class="nav-link"><span itemprop="name">Team</span></a></li>
<li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-111 nav-item"><a itemprop="url" href="#anchor_contact" class="nav-link"><span itemprop="name">Contact</span></a></li>
</ul>