Quote:
Originally Posted by cdoyle
Another improvement to this mod I would like to see is with the navigation.
Currently in Desktop mode, it displays as if it's on a mobile screen. Hiding all of the options.
It would be great if when on a larger/desktop the navigation displayed like a true navigation across the top. Then when on mobile or smaller screens, it went into the mobile style.
|
In the navbar template, replace the following lines:
Code:
<div class="col col-xs-3" style="padding:10px 0px 0px 30px !important;">
<span class="hidden-xs">
<a type="button" class="btn btn-labeled btn-info" href="panel_menu.php" data-toggle="panel-Left"><span class="btn-label"><i class="fa fa-sitemap" aria-hidden="true"></i></span>{vb:rawphrase xenvb4_navigator}</a>
</span>
<span class="hidden-sm hidden-md hidden-lg">
<a type="button" class="btn btn-info" href="panel_menu.php" data-toggle="panel-Left"><i class="fa fa-sitemap" aria-hidden="true"></i></a>
</span>
</div>
<div class="col col-xs-9 text-right" style="padding:10px 30px 0px 0px !important;">
with these lines:
Code:
<div class="col col-xs-10 hidden-sm hidden-xs" style="padding:10px 0px 30px 30px !important;">
<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
{vb:raw navigation}
</ul>
</div>
<div class="col col-xs-10 hidden-md hidden-lg hidden-xl" style="padding:10px 0px 0px 30px !important;">
<span class="hidden-xs">
<a type="button" class="btn btn-labeled btn-info" href="panel_menu.php" data-toggle="panel-Left"><span class="btn-label"><i class="fa fa-sitemap" aria-hidden="true"></i></span>{vb:rawphrase xenvb4_navigator}</a>
</span>
<span class="hidden-sm hidden-md hidden-lg">
<a type="button" class="btn btn-info" href="panel_menu.php" data-toggle="panel-Left"><i class="fa fa-sitemap" aria-hidden="true"></i></a>
</span>
</div>
<div class="col col-xs-2 text-right" style="padding:10px 30px 0px 0px !important;">
and in navbar_tabs template, find
Code:
<ul class="floatcontainer">
and replace with
Code:
<ul class="floatcontainer" style="margin: 15px 30px;">