The problem is due to fact that
<div class="content-area col-md-8" id="primary">
...
</div>
and
<div class="widget-area col-md-4" id="secondary" role="complementary">
....
</div>
are overlapping in mobile view. You can verify it via inspect element tool.
To solve the problem, you have to use media queries to apply the followinf rule only to desktop screen (and maybe tablet), but not for phones.
.side-pull-right #primary {
float: right;
}
0
solved Read more button doesn’t work in mobile theme [closed]