Как скрыть боковую панель Blogger на мобильном телефоне - PullRequest
Новая
       30

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

1 голос
/ 03 апреля 2019

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

Я попробовал метод, упомянутый в ссылке выше (код показан ниже), но на мобильном телефоне боковая панель все еще занимала пустое место с ее первоначальной шириной.Как я могу сделать так, чтобы боковой столбец полностью исчезал на мобильном телефоне, чтобы основной столбец мог динамически расширяться до полной ширины?(Основному столбцу моего Blogger уже назначена динамическая ширина.)

PS I wand коды, которые могут работать без , включая мобильную тему в Blogger. 

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

(Обновлено). Ниже приведен мой блог на случай, если влияние кода зависит от веб-дизайна.Спасибо.

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

1 Ответ

0 голосов
/ 03 апреля 2019

Попробуйте это 

<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>
...