T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Lee Tempest
  2. Sherlock Holmes
  3. General Discussion
  4. Wednesday, 04 February 2015
  5.  Subscribe via email
Hello,
I'm modifying my layout and module positions to match the visual design of the page.

What I need is the search box module to be to the right of the mainmenu module. However I cannot find where to specify the widths of these blocks and they are both currently set to 12. I need them to be a 10 / 2 split and be inline like other block. Please see screen shot of what I currently have.

I have copied the block code from the header.php file and pasted into the mainnav.php block but cannot change the block widths.

How can I achieve this?

Thanks

Lee
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lee,

Please open the mainnav.php file and add the code below:

<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;
?>

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">
<div class="container">
<div class="row">
<div class="col-md-10">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">

<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>

<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>

</div>

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>

</div>

<div class="col-md-2">
<!-- HEAD SEARCH -->
<div class="head-search<?php $this->_c('head-search')?>">
<jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
</div>
</div>

</div>

</div>
</nav>
<!-- //MAIN NAVIGATION -->


As you can see that, I add a new module position then adjust width for the menu and the search position: 10/2. And here is how the front-page looks like: http://easycaptures.com/fs/uploaded/735/7898584432.png

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink


There are replies in this post but you are not allowed to view the replies from this post.