全屏手机菜单

时间:2018-01-19 09:58:53

标签: css wordpress mobile hamburger-menu

我在客户网站上创建了一个移动菜单: mBuy.nl

我是一名设计师,我使用WordPress,我有基本的CSS知识。

在平板电脑和手机尺寸上,我有一个汉堡包菜单。

Mobile & tablet what it is now

Mobile & tablet how I would like it to be

我希望移动菜单是视口高度的100%。 尽管尝试了不同的方法,但我无法让它发挥作用。

特别是因为我使用WordPress主题,我发现很难在这里复制和粘贴任何代码。

谢谢!

2 个答案:

答案 0 :(得分:0)

将以下代码添加到菜单包装中:

height: 100vhmin-height:100vh

vh占据了整个页面屏幕的高度,并使项目达到了全高度。

答案 1 :(得分:0)

的第1853行替换以下代码

http://acc-www.mbuy.nl/wp-content/themes/h-code/assets/css/responsive.css?ver=1.8.3

.static-sticky .text-right {
    top: 0;
}