+- WallBB Forums (https://wallbb.co.uk/forums)
+-- Forum: Theme Section (https://wallbb.co.uk/forums/forumdisplay.php?fid=5)
+--- Forum: Theme Support (https://wallbb.co.uk/forums/forumdisplay.php?fid=10)
+--- Thread: Orange DVZ Steam sidebar issue (/showthread.php?tid=56)
Orange DVZ Steam sidebar issue - Robbie626 - 12-26-2017
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> <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> <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>RE: Orange DVZ Steam sidebar issue - WallBB - 12-26-2017
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>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
RE: Orange DVZ Steam sidebar issue - Robbie626 - 12-26-2017
Works perfectly WallBB!
RE: Orange DVZ Steam sidebar issue - WallBB - 12-26-2017
Closing this thread now