Как скрыть боковую панель Blogger на мобильном устройстве

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


blogger blogspot
person isend    schedule 03.04.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это

<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>
person Bassam    schedule 03.04.2019
comment
Извините, но при этом остается пустое место рядом с основным столбцом. - person isend; 05.04.2019
comment
Извините, но при установке нуля справа для заполнения на мобильном устройстве (с помощью обновленного кода) справа все еще остается пустое пространство. - person isend; 17.04.2019