Joomla Templates Club 406,261 posts

[amilks Friend amilksJoin date: June 2009Posts: 40Downloads:0Uploads:4 Thanks: 10 Thanked: 6 times in 1 posts]

#149406

Hello,

I am building a site using the Rasite template and the client wants the search box to be in the navigation bar, not below it. I changed this:

#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
bottom: 20px;
right: 15px;
height: 30px;
width: 255px;
padding-right: 20px;
}

#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
top: -35px;
bottom: 20px;
right: 15px;
height: 30px;
width: 255px;
padding-right: 20px;
}

and it does put the search in the navigation bar, but it is covered by the navigation bar, SO here is the question.... How do I get the search box to go OVER the nav bar, not HIDDEN under the nav bar?

Thanks!
}

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

#335912

Hello Andrew Milks!

here is the solution for you :

1) pls open the file : templatesja_rasitelayoutsblocksheader.php and remove the following code:
[PHP]

<?php if($this->countModules(‘search’)) : ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”search” />
</div>
<?php endif; ?>
[/PHP]

2) open the file: templatesja_rasitelayoutsblocksmainnav.php and find codes:
[PHP]<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu ($this->getParam(‘startlevel’,0), $this->getParam(‘endlevel’,-1)); ?>[/PHP]

and replace;
[PHP]
<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu ($this->getParam(‘startlevel’,0), $this->getParam(‘endlevel’,-1)); ?>

<?php if($this->countModules(‘search’)) : ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”search” />
</div>
<?php endif; ?>
[/PHP]

3) open the file: /templates/ja_rasite/css/template.css and find codes:

#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
bottom: 20px;
right: 15px;
height: 30px;
width: 255px;
padding-right: 20px;
}

replace:

#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
bottom: 10px;
right: 15px;
height: 30px;
width: 255px;
padding-right: 20px;
}

Good luck

1 user says Thank You to Saguaros for this useful post

1. bohemiadesign

[amilks Friend amilksJoin date: June 2009Posts: 40Downloads:0Uploads:4 Thanks: 10 Thanked: 6 times in 1 posts]

#336496

Wahoo! It worked great.

Thanks!

[Author]

Posts