Joomla Templates Club 406,261 posts

[proterra Friend proterraJoin date: July 2010Posts: 149Downloads:2Uploads:17 Thanks: 5 Thanked: 2 times in 1 posts]

#168304

How can I move the header postion above the mainmenu position. In the template configuration in the Joomla backend I can change den defaul Layout and set the <blockquote><block name=”header” type=”header” main-inner=”1″></block></blockquote>above
<blockquote><block name=”mainnav” type=”mainnav” main-inner=”1″></block></blockquote>, but there ist a smal space between header and mainnav.

Please help, thanks

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#411413

Hi
Please give me your site URL for check look ( please also if possible a screenshot with note )
Thank you
Viet Vu

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#411414

Hi proterra

To decrease the space go to your template.css at line 339 you have:

#ja-mainnav {
padding-top: 25px;

change to
#ja-mainnav {
padding-top: 0px;

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#411417

Hi,

Can you please provide your site url, so that I can inspect elements there and suggest you css changes?

[proterra Friend proterraJoin date: July 2010Posts: 149Downloads:2Uploads:17 Thanks: 5 Thanked: 2 times in 1 posts]

#411431

an URL is not possible (we build up the site on a local server, before we launch).

But a screenshot you see attached.

I´am only move now <block name=”header” type=”header” main-inner=”1″></block>
above
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>

You see the space between menu and header.

Second wish is a space (module-position) above and outside the new header-position, because to position there a banner

Thanks for your help

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#411435

Hi,

As I understood you want to remove the space between the header and menu. Find if there is margin-bottom property applied to ja-header in your template.css. Change bottom margin according to as much space you want to keep between the header and menu.

Then you may need to specify bottom margin to ja-mainnav div so that there will be some space between the menu and the content area below that. (This is because you have moved the header above, which had some space between header and the content below.. )

To create a new module position above the header,

1. Go to Extensions > Template manager > Your Template > Layouts Tab.
2. Find the Layout you are using and click on Edit link infront of it.
3. Find <block name=”header” type=”header” main-inner=”1″></block> and add <block name=”newposition” type=”modules”>newposition</block> above it.
4. Save the layout and check it in frontend using yourdomain.com/?tp=1 as a url

[Author]

Posts