Joomla Templates Club 406,261 posts

[paulinahi Friend paulinahiJoin date: March 2011Posts: 22Downloads:0Uploads:25 Thanks: 4 Thanked: 1 times in 1 posts]

#163049

Hi all
I have tried without success moving top.topbar (headline +search) to a position below top.topmegamenu.
Any tip would be much appreciated.
Thanks

Best regards

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

#387469

Hi,
Have you tried moving Menu block above the Header block, by editing template layout from joomla admin panel?

[paulinahi Friend paulinahiJoin date: March 2011Posts: 22Downloads:0Uploads:25 Thanks: 4 Thanked: 1 times in 1 posts]

#387475

<em>@himangi 235600 wrote:</em><blockquote>Hi,
Have you tried moving Menu block above the Header block, by editing template layout from joomla admin panel?</blockquote>

Yes, I have tried it by doing this:<block name=”topmegamenu” type=”topmega”></block>
<block name=”topbar” type=”topbar”></block>
without success.

Thanks

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

#387480

Have you written topmegamenu block? Because as per my knowledge you need to use <blockquote><block name=”mainnav” type=”mainnav”></block></blockquote> wherever you want to show the menu. There is no topmegamenu block type defined in JA templates. Also there is no topbar block defined by JA.

If you can give me site url and admin access, explaining which boxes you need to move and where, I can take a look and guide you better.

[paulinahi Friend paulinahiJoin date: March 2011Posts: 22Downloads:0Uploads:25 Thanks: 4 Thanked: 1 times in 1 posts]

#387489

<em>@himangi 235614 wrote:</em><blockquote>Have you written topmegamenu block? Because as per my knowledge you need to use wherever you want to show the menu. There is no topmegamenu block type defined in JA templates. Also there is no topbar block defined by JA.

If you can give me site url and admin access, explaining which boxes you need to move and where, I can take a look and guide you better.</blockquote>

Thanks for your explanations, at the moment I am working using localhost and this is what I want to achieve see fig below:

---

Attachments:

1. 

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

#387493

Hi,

I am sorry I was wrong about topmegamenu and topbar blocks. They are defined for Ja teline iv template.

To move topbar below the menu, first edit the template from admin panel, in GLOBAL Tab in right column, find Optimize CSS and choose NO from its options and save the template.
Then make following changes in templates/ja_teline_iv/css/template.css
Find (line no 654)<blockquote>#ja-topbar {
height: 26px;
position: absolute;
top: 0;
z-index: 11;
}</blockquote> Change it to<blockquote> #ja-topbar {
height: 26px;
position: relative;
}</blockquote>

Find (line no 544)
<blockquote>h1.logo {
height: 57px;
margin-top: 40px;
width: 222px;
}</blockquote>
change it to <blockquote>h1.logo {
height: 57px;
margin-top: 15px;
width: 222px;
}</blockquote>

Find (line no 539)
<blockquote>#ja-header .main {
height: 115px;
padding: 0;
}</blockquote>
change it to <blockquote>#ja-header .main {
height: 90px;
padding: 0;
}</blockquote>

[paulinahi Friend paulinahiJoin date: March 2011Posts: 22Downloads:0Uploads:25 Thanks: 4 Thanked: 1 times in 1 posts]

#387495

<em>@himangi 235630 wrote:</em><blockquote>Hi,

I am sorry I was wrong about topmegamenu and topbar blocks. They are defined for Ja teline iv template.

To move topbar below the menu, first edit the template from admin panel, in GLOBAL Tab in right column, find Optimize CSS and choose NO from its options and save the template.
Then make following changes in templates/ja_teline_iv/css/template.css
Find (line no 654) Change it to

Find (line no 544)

change it to

Find (line no 539)

change it to</blockquote>

It works, fantastic, thank you.
All the best

[duaitbt Friend duaitbtJoin date: April 2011Posts: 8Downloads:0Uploads:0 Thanks: 2]

#391073

Hi,
I have tried without success moving top.topbar (headline +search) to a position abobe top.topmegamenu.
Can you help me, please?

Best regards

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

#391075

Hi duaitbt,

Can you please provide your site url and explaine your problem again?

[duaitbt Friend duaitbtJoin date: April 2011Posts: 8Downloads:0Uploads:0 Thanks: 2]

#391077

Yes. The site is http://www.alessandroabate.it.
Is need move the topbar (with search and date) under the header and above menu (HOME,neils,ect)

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

#391078

1. First go to Joomla Admin > Extensions> Tempalte Manager > ja_teline_iv. Open LAYOUTS Tab in right column. Click on Edit link infront of Default layout and find <block name=”topbar” type=”topbar”></block>.
2. Cut <block name=”topbar” type=”topbar”></block> from existing line and paste it after <block name=”header” type=”header”></block> Save the layout.
3. Check the frontend, the top will be still at the top.
4. Now you will need to modify your template.css and find <blockquote>#ja-topbar {

height: 26px;
position: absolute;
top: 0;
z-index: 11;
}</blockquote> Remove position: absolute; top: 0; from the styling.

1 user says Thank You to himangi for this useful post

1. duaitbt

[Author]

Posts