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

Blogger SOHO theme: How to always show Hamburger menu on Desktop view instead of open Sidebar?

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

在移动设备或 iPad 等较小的屏幕上,汉堡包菜单显示在页眉的左上角。在 Desktop/Laptop 大屏幕上,汉堡包菜单消失,打开的边栏出现在屏幕左侧(而不是汉堡包菜单)。

我希望汉堡包菜单始终显示在 Desktop/Laptop 大屏幕上。我不想显示侧边栏,而是希望侧边栏项目仅在单击汉堡包菜单时显示。

如果有人能告诉我如何通过 CSS 或修改 HTML 实现这一点,我将不胜感激。谢谢。

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

  1. 首先删除这个css。

  2. 删除此 class 上的媒体查询并使其像图像一样全局化

  3. 去掉这个标记class

希望它能奏效。

我找到了答案,很简单。在 Blogger 编辑器中,转到主题 > 自定义 > 高级 > 宽度并将内容边距值设置为 600。(默认值为 117)。现在,即使在最大的屏幕上,除非单击汉堡包图标,否则侧边栏不会出现。