首页 > 解决方案 > Blogger SOHO 主题:如何始终在桌面视图上显示汉堡菜单而不是打开侧边栏?

问题描述

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

在移动设备或 iPad 等较小的屏幕上,汉堡菜单显示在页眉的左上方。在大型台式机/笔记本电脑屏幕上,汉堡菜单会消失,而打开的侧边栏会出现在屏幕左侧(而不是汉堡菜单)。

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

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

标签: htmlcssbloggersidebarhamburger-menu

解决方案


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


推荐阅读