如何在Prestashop 1.7中使页眉变粘

Question

i need my website https://alto.7180.eu/it/ to have a sticky header. 我需要我的网站https://alto.7180.eu/it/具有粘性标头。

I tried setting the position to sticky but it seems it's not enough, i think i need to have some other elements set to position relative, but i don't know which ones. 我尝试将位置设置为粘性，但似乎还不够，我想我需要将其他一些元素设置为相对位置，但是我不知道哪个。

I'm using a slightly modified version of the original Classic template for prestashop 1.7.6 我正在为prestashop 1.7.6使用原始Classic模板的稍微修改的版本

As of right now this is the structure of the site: 到目前为止，这是该站点的结构：

<body>
  <main>

    <header style="position: fixed;">
        <!--Header Code with logo, menu... -->
    </header>

   <!--Page Code-->
   </main>
</body>

Could you please help me? 请你帮助我好吗？ Feel free to ask anything if needed. 如有需要，请随时提问。 Thanks. 谢谢。

Answer 1

使用z-index: 1和width: 100%进行显示。

如何在Prestashop 1.7中使页眉变粘

问题描述

1 个解决方案

解决方案1
1 2019-09-13 07:58:24

如何在Prestashop 1.7中使页眉变粘

问题描述

1 个解决方案

解决方案1 1 2019-09-13 07:58:24

解决方案1
1 2019-09-13 07:58:24