Joomla Templates Club 406,261 posts

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#173870

Hi guys

Does anyone know how I can add a new menu to JA Rave that looks exactly the same as the small menu in JA Erio? This is the small menu in the header that has ‘Our Gallery’ etc in it.

Here’s a link to the demo of Erio… http://www.joomlart.com/demo/#templates.joomlart.com/ja_erio

I am not that technically gifted so please explain simply ;o)

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#438271

Hi munders,

it really depends on where you want to display the small menu in your JA Rave template. Could you please describe a little further and share the link to your site?

Thanks in advance!

Frank

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#438285

Hi Frank,

I would like the menu in the same place as it is on JA Erio, either above or below the header nav.

Thanks

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#438364

Hi Munders,

there is allready a module position above the main navigation called top-panel. If you publish your menu module in that module position, it should work just fine. Please test this and get back to me.

Cheers

Frank

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#438713

Hi Frank, I have now added a new menu of links as a custom html module in the top-panel position as you suggested.

This is ok but needs padding and right-aligning. I have attached a graphic showing the menu.

Please advise how I add padding and alignment to this. I don’t know how to create a class or span etc.

I also need the links to have a different colour to the default link colour.

Thanks again

---

Attachments:

1. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#439008

1. Give your custom html module the “Module Class Suffix” -top-panel-nav
2. add to your template.css for example


#ja-top-panel .main {
text-align: right;
background: none !important;
}
.custom-top-panel-nav a {
color: #999999 !important;
}
.custom-top-panel-nav a:hover {
color: #333333 !important;
}


Please note: I’ve tested this on a J2.5 Installation of JA Rave.

Cheers

Frank

[Author]

Posts