Joomla Templates Club 406,261 posts

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#182061

Hi,

First of all, congatulations of this great work……. The new version of T3 seems to be a big revolution. And my first impressions are very positive.

I also like this clean template, and I am studying Brisk for use in a new project.

I have a task, This project has a Menu with more itens at the 1º level, and for me, the best way to implement this moving to below the logo (like a second line of the header) , so they can use the entire space of the header.

Could anyone help me and tell me how to do this?

I sending a image sample.

Thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#472490

Hi brenot,

Thanks for your kind words. This needs some customizations to achieve of what you need, give me time to test on my local and will share you some advices later.

[Xinxeta Multimedia Friend Xinxeta MultimediaJoin date: September 2014Posts: 41Downloads:45Uploads:4 Thanks: 8]

#472782

I am also interested in this option. Which are the changes? thanks

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#472843

<em>@brenot 345413 wrote:</em><blockquote>Hi,

First of all, congatulations of this great work……. The new version of T3 seems to be a big revolution. And my first impressions are very positive.

I also like this clean template, and I am studying Brisk for use in a new project.

I have a task, This project has a Menu with more itens at the 1º level, and for me, the best way to implement this moving to below the logo (like a second line of the header) , so they can use the entire space of the header.

Could anyone help me and tell me how to do this?

I sending a image sample.
</blockquote>

Hi,
Please go to
templatesja_brisktplsblocksheader.php
Move these line:

<!-- MAIN NAVIGATION -->
<div id="ja-mainnav" class="ja-mainnav">
<div class="navbar">
<div class="navbar-inner">

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="nav-collapse collapse">
<?php if($this->params->get('mm_enable', 0)) : ?>
<?php
t3v3import('menu/mega');

if(class_exists('JAMenuMega')){
new JAMenuMega($this->params);
}
?>
<?php else: ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif; ?>
</div>

</div>
</div>
</div>
<!-- //MAIN NAVIGATION -->
above </head> tag
like this:


<!-- MAIN NAVIGATION -->
<div id="ja-mainnav" class="ja-mainnav">
<div class="navbar">
<div class="navbar-inner">

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="nav-collapse collapse">
<?php if($this->params->get('mm_enable', 0)) : ?>
<?php
t3v3import('menu/mega');

if(class_exists('JAMenuMega')){
new JAMenuMega($this->params);
}
?>
<?php else: ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif; ?>
</div>

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

The rest just CSS style for menu at new position.

1 user says Thank You to Luna Garden for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#472934

Great It Works…

Thanks a lot……..
It works…

I just need some more help, because i cant centralize the menu

please Check at 184.172.137.191/~merosdob/

Thanks again

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#472965

First, put your menu in div ‘container’, to make it come along with the responsive of whole site.
Like this:


<div class="ja-mainnav" id="ja-mainnav">
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<!-- Menu content -->
</div>
</div>
</div>
</div>

Then change the style to make it fit with size 980px;
In file:

templates/ja_brisk/css/template.css


.ja-mainnav {
background: none repeat scroll 0 0 #E7F6F8
border-bottom: 1px solid #A4D9F3
height: 28px;
padding-top: 10px;
}

Remove height:28px;


.ja-mainnav .navbar .nav > li > a {
border-top: 0 none;
font-family: 'robotobold';
font-weight: normal;
padding: 5px 15px;
text-shadow: none;
}

Padding change to padding: 5px 10px;

1 user says Thank You to Luna Garden for this useful post

1. brenot

[reneryg Friend renerygJoin date: March 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#481040

Hi
Where do I find the “above </head> tag in the” file
templatesja_brisktplsblocksheader.php
to move the code below.
<!– MAIN NAVIGATION –>
<div id=”ja-mainnav” class=”ja-mainnav”>
<div class=”navbar”>
<div class=”navbar-inner”>

<button type=”button” class=”btn btn-navbar” data-toggle=”collapse” data-target=”.nav-collapse”>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>

<div class=”nav-collapse collapse”>
<?php if($this->params->get(‘mm_enable’, 0)) : ?>
<?php
t3v3import(‘menu/mega’);

if(class_exists(‘JAMenuMega’)){
new JAMenuMega($this->params);
}
?>
<?php else: ?>
<jdoc:include type=”modules” name=”<?php $this->_p(‘mainnav’) ?>” style=”raw” />
<?php endif; ?>
</div>

</div>
</div>
</div>
<!– //MAIN NAVIGATION –>

[reneryg Friend renerygJoin date: March 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#481108

Hi

Plaese show the whole contens of the header.php file before and after the code line has been moved,

Thanks

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#481158

<em>@reneryg 356923 wrote:</em><blockquote>

Plaese show the whole contens of the header.php file before and after the code line has been moved,

</blockquote>

Hello,

I have attached this file for you, compare the content with <blockquote>templatesja_brisktplsblocksheader.php</blockquote> in your site.

---

Attachments:

1. header.rar

1 user says Thank You to Luna Garden for this useful post

1. reneryg

[Author]

Posts