Question

https://www.journeybytes.com/2018/11/hide-blogger-sidebar-on-mobile.html

我尝试了上面链接中提到的方法（下面显示的代码），但是在移动设备上，边栏仍然占据了其原始宽度的空白。如何使侧栏在移动设备上完全消失，以便主栏可以动态扩展到整个宽度？（我的Blogger的主列已经分配了动态宽度。）

P.S。我希望在没有的情况下可以使用代码，而不在Blogger上启用移动主题。

<aside>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
... sidebar content code here ...
</b:if>
</aside>

（已更新），如果代码的效果取决于网页设计，我将在下面提供我的博客。谢谢。

http://mkhere.blogspot.com/?m=0

Answer 1

尝试一下

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
    <aside>
        ... sidebar content code here ...
    </aside>
</b:if>

已更新：

在博客布局中，您还需要从移动设备上的主列padding-right: 200px;中删除.main-inner .columns

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
    <style>
        .main-inner .columns {
            padding-right: 0;
        }
    </style>
</b:if>

如何在移动设备上隐藏Blogger的侧边栏

1 个答案: