Подробнее кнопка не работает в мобильной теме

Question

Проблема здесь читать далее кнопка не работает в мобильной теме на моем блоге Wordpress

мой сайт: abood250.com

/* =Mobile Styling 
----------------------------------------------- */ 

@media (max-width: 768px) { 
    .pull-right { 
    float: none !important; 

    } 
    .pull-left { 
    float: none !important; 
    } 



    .site-info, .copyright { 
     text-align: right; 

    } 

    .footer-nav.nav, .copyright { 
    float: none; 

    } 

    .site-content { 
    width: 100%; 
} 

    .flex-caption { 
    display: none; 
    } 
    .navbar > .container .navbar-brand { 
    margin: 0; 

    } 
    .navbar-default .navbar-nav > li > a { 
    line-height: 20px; 
    padding: 15px 10px; 
    } 

    #footer-area { 
    display: none; 
    } 

    .entry-content { 
    margin: 0; 

    } 



} 

Answer 1

Проблема связано с тем, что

<div class="content-area col-md-8" id="primary"> 
     ... 
    </div> 

и

<div class="widget-area col-md-4" id="secondary" role="complementary"> 
     ....  
    </div> 

перекрываются в мобильном режиме. Вы можете проверить его с помощью инструмента проверки элемента.

Чтобы решить эту проблему, вы должны использовать медиа-запросы, чтобы применить правило followinf только к экрану рабочего стола (и, возможно, планшета), но не для телефонов.

.side-pull-right #primary { 
    float: right; 
}