放置Prestashop的水平菜单

Question

我正在尝试创建一个自定义的Prestashop模板，但我有点挣扎。我正在尝试使用页面右上方的购物车创建一个非常类似于默认布局的布局，然后在其下方创建一个全宽度水平菜单。

我的标题有3列，第一列有徽标，第二列有电话号码，第三列应该拿着购物车。

在我的第三栏中，我放置了{$ HOOK_TOP}，以便我可以在那里添加购物车。

<!-- Header -->
<div id="header" class="large-12 columns">
       <div class="row">

            <div id="logo" class="large-3 columns">LOGO HERE</div>

            <div id="contactus" class="large-3 columns">PHONE HERE</div>

            <div id="header_right" class="large-3 columns">
                 {$HOOK_TOP}
            </div>

       </div>
</div>
<!-- /Header -->

问题是水平菜单也使用{$ HOOK_TOP}，因此我的菜单显示在标题的右上角。

默认主题以相同的方式工作，但是当我查看源时，他们以某种方式将菜单模块移动到#header_right div之外并将其放置在下面，以便它可以在整个布局中显示为全宽。

有谁知道他们是怎么做到的？

谢谢