Second horizontal menu with Artisteer 4 and Joomla 3.3


Author Message
Connors

Posted: 5/15/2014
Quote message 

Hallo,

i'm struggling with a problem which probably is solutable, but I didn't get to the correct hint so far.

I'm trying to implement a second horizontal menu. The second menu should be above the header-picture and the ordinary horizontal menu underneath.

I just can't find how this can be done with Artisteer 4 and Joomla 3.3.

Could anybody give me a hint?

best regards,

Connors
 
jrgweb

Posted: 5/15/2014
Quote message 

@Connors - For your second menu(above header image) place in position-30. Then edit advanced options and under menu class suffix enter "space top-menu
Then in template.css, add your styles for the top-menu.

example:
.top-menu {background-color:#000000 !important;
margin-top:-40px;
}
.art-header {
margin-top: 40px!important;
}

Additional tweaking will be needed but this should get you started. This also assumes you want the same stayling as the default nav. If you want the active function to work, editing additional files is needed.

Do you have url? You can contact me at jrgweb [@] gmail.com
I just setup a joomla site for an artisteer user and can show a demo but won't put on forum for a few reasons.


 
jrgweb

Posted: 5/15/2014
Quote message 

@Connors

example on a joomla 3.3.0 demo site.
I didn't have to add any css, just added menu.

http://joom330.jrgweb.net/
 
Connors

Posted: 5/15/2014
Quote message 

Hallo jgrweb,

thank you very much for your help. Unfortunately I do not understand what you mean with "advanced options" as I can't find something like that in artisteer.
 
jrgweb

Posted: 5/15/2014
Quote message 

@Connors - the advanced options is in joomla
your 2nd menu will be created in joomla
artisteer has all the basics already done.

In the last example, the only thing I did was add art-hmenu in to the menu class suffix. Nothing else and I had two menu's. Really really simple.


 
Connors

Posted: 5/15/2014
Quote message 

Okay. I made a new navigation-module on position-30 and entedered "space top-menu" in menu class suffix.

Then I updated the template.css with your code and added some testitems to the new menu. But nothing happened.

What could have went wrong?
 
jrgweb

Posted: 5/15/2014
Quote message 

@Connors - Can you give me login? If so jrgweb [@] gmail.com
 
jrgweb

Posted: 5/15/2014
Quote message 

@Connors - Keep in mind that the "space" is a leading space
 
Connors

Posted: 5/15/2014
Quote message 

Thank you very much for your help. I wrote you an email.