WallBB Forums

Full Version: Orange DVZ Steam sidebar issue
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I am having a problem the stream plugin works fine on desktop, but on mobile it stays in the sidebar making the forum not mobile friendly. I removed the css from the plugin's extend page to add to global.css to make the stream stay at the bottom for desktop and mobile.

This is my index template.
Code:
<html>
<head>

<!-- Site optimized with MySEO 1.0 -->
{$seo_index}
<!-- Site optimized with MySEO 1.0 -->


<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div class="sections">
  <div class="section-forums">
      {$forums}
  </div>
  <div class="section-side">
      {$dvz_stream}
  </div>
</div>

{$boardstats}
</div>
</div>
<br class="clear" />
<div id="wrapper2"> <!--Index Footer Start-->
<div id="footer2">
<div class="footerFloat mobile_hide">
<h4><i class="fa fa-pie-chart"></i>  Statistics</h4>
<p>
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_mostonline}<br /><br />
{$lang->stats_newestuser}
</p>
</div>
<div class="footerFloat mobile_hide">
<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-align-justify"></i>  Quick Links</h4>
<ul>
<li><a href="{$mybb->settings['homeurl']}"><i class="fa fa-home"></i> {$mybb->settings['homename']}</a></li>
<li><a href="{$mybb->settings['contactlink']}"><i class="fa fa-envelope-o"></i> Contact Us</a></li>
<li></a><a href="{$mybb->settings['bburl']}/showteam.php"><i class="fa fa-shield"></i> Forum Team</a></li>
<li><a href="<archive_url>"><i class="fa fa-archive"></i> Lite Version</a></li>
<li>{$statspage}</li>
</ul>
</div>
<div class="footerFloat mobile_hide">
<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-align-justify"></i>  User Links</h4>
<ul>
            <li><a href="{$mybb->settings['bburl']}/usercp.php" title="Control Panel"><i class="fa fa-link"></i> Control panel</a></li>
            <li><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}"><i class="fa fa-star"></i> Your threads</a></li>
            <li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup&modal=1', null, true); return false;"><i class="fa fa-users"></i> Buddy List</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="fa fa-circle-o"></i> Latest Post</a></li>
</ul>
</div>
<div class="footerFloat mobile_hide">
<h4><i class="fa fa-info-circle"></i>  About {$mybb->settings['homename']}</h4>
<p>Promotion Paradise is a forum community that provides opportunities for free promotion and advertising for webmasters.</p>
<p>We welcome all webmasters and users to relax and have fun as a whole community to  get away from their stress.</p>
</div>
</div>
</div> <!-- Index Footer End -->
{$footer}
</body>
</html>
Hi Robbie,
1. Replace the below code in index template
Code:
<div class="sections">
  <div class="section-forums">
      {$forums}
  </div>
  <div class="section-side">
      {$dvz_stream}
  </div>
</div>
With this
Code:
<div class="forum">
{$forums}
</div>
<div class="sidebar">
{$dvz_stream}
</div>

2. Also add this at the end of css3.css
Code:
.sidebar {
    overflow: hidden;
}
.forum {
    width: 74%;
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width: 420px) {
.forum {
    border: 0 none;
    float: none;
    margin-right: 0;
    width: auto;
}
}

Hope it help Smile
Works perfectly WallBB!
Closing this thread now Smile