Blogger SOHO主题:如何始终在桌面视图上显示汉堡菜单,而不是打开侧边栏?

问题描述

我的博客https://www.firozemistry.com,基于Blogger SOHO主题(具有自定义域)。

在较小的屏幕(如Mobile或iPad)上,“汉堡包”菜单显示标题的左上方。在大型台式机/笔记本电脑屏幕上,“汉堡包”菜单消失,取而代之的是,打开的侧栏出现在屏幕的左侧(而不是“汉堡包”菜单)。

我希望“汉堡包”菜单始终显示在大型台式机/笔记本电脑屏幕上。我不希望显示侧边栏,而是希望仅在单击“汉堡包”菜单显示侧边栏项目。

如果有人向我展示如何通过CSS或修改HTML来实现这一目标,我将不胜感激。谢谢。

解决方法

我找到了答案,这很简单。在Blogger编辑器中,转到“主题”>“自定义”>“高级”>“宽度”,然后将“内容边距”值设置为600。(默认值为117)。现在,即使在最大的屏幕上,也不会显示补充工具栏,除非单击“汉堡包”图标。

,

通过编辑一些CSS,您可以进行此更改。

  1. 首先删除此CSS。 enter image description here

  2. 删除此类的媒体查询,使其像图像一样全局 enter image description here

  3. 删除此标记下的课程 enter image description here

希望它会起作用。