Joomla Templates Club 406,261 posts

[gus1558 Friend gus1558Join date: May 2010Posts: 4Downloads:0Uploads:0 Thanks: 2]

#151187

Hello,
1. I wonder how can I reduce the height of the top horizontal container where the logo and menu is?
My question is not in relation to reduce the size of the logo on the HOME page by changing the default menu item by a secondary menu, which i already did. But I still need to reduce the height.
(See Image)

2. How can I use that position where the logo and menu is for instance to locate a module with a search box on it, either above or below the logo and menu. (See Image)
Thanks

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

#344202

Dear gus1558!

Here is the solution for you

#1: you open the file: /templates/ja_norite/css/template.css and find the following code:
#ja-header .main .inner { padding: 65px 10px 0; }

Pls replace the value 65px by yours

#2 pls open the file: /templates/ja_norite/layouts/blocks/header.php and find the following code at line 2:
<div class=”main”>
replace:
[PHP]
<div class=”main”>
<?php if( $this->countModules(“search”) ) : ?>

<div class=”ja-search” style=”float:right; clear:both; padding-top:35px”>
<jdoc:include type=”modules” name=”search” style=”raw” />
</div>
<?php endif; ?>
[/PHP]

3) you should use the firefox and the firebug plugin to complete your issue: http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/
Good luck

[pdfx Friend pdfxJoin date: January 2010Posts: 71Downloads:0Uploads:1 Thanks: 5 Thanked: 2 times in 1 posts]

#344651

HI tienhc

I tried your code above, yes, the search appears on the top but you cannot type into the search box?

UPDATED SOLVED
I made the padding 10 pixels larger in the template.css and it works
1016 #ja-header .main .inner { padding: 75px 10px 0; }

Paul

[Author]

Posts