Question

我正在使用prestashop高级主题，滚动菜单上有一个粘性菜单。在这个菜单的顶部，我为一个不粘的菜单添加了另一个模块。我正在尝试将我添加的第二个菜单设置为粘性，但我不确定如何。我附上了截图，向您展示我的意思。第一个图像显示两个菜单，第二个图像显示它现在粘的菜单。所以，我希望两者在滚动时都是粘性的。

完整菜单：

当前的粘性菜单

我用这个模块添加了不粘的顶层菜单：

{if $MENU != ''}
    <!-- Menu -->
    <div id="block_top_menu" class="sf-contener clearfix col-lg-12">
        <div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
        <ul class="sf-menu clearfix menu-content">
            {$MENU}
            {if $MENU_SEARCH}
                <li class="sf-search noBack" style="float:right">
                    <form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
                        <p>
                            <input type="hidden" name="controller" value="search" />
                            <input type="hidden" value="position" name="orderby"/>
                            <input type="hidden" value="desc" name="orderway"/>
                            <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />
                        </p>
                    </form>
                </li>
            {/if}
        </ul>
    </div>
    <!--/ Menu -->
{/if}

如何使此菜单变得粘稠？非常感谢。

Answer 1

您需要编辑2个文件：

/themes/ps_glori/css/global.css

在#header > .nav的第2469行，使用position: relative更改position: fixed并添加：width: 100%

/themes/ps_glori/css/modules/csmanagement/css/codespot-global.css

在.cs-sticky-fixed的第72行，使用top: 0更改top: 30px。

在prestashop粘贴顶级菜单

1 个答案: