WallBB Forums

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

Robbie626

WallBB

Robbie626

WallBB