split menu in two


Author Message
Stacy

Posted: 6/5/2013
Quote message 

Hello.
I am a fairly new to code and all that is css. I am wondering if someone can help me divide my menu into two parts so that I can fit my logo into the center
such as this website: http://galp.in/

I would really appreciate any help
 
Stacy

Posted: 6/5/2013
Quote message 

anybody?
 
techtom

Posted: 6/5/2013
Quote message 

Hi Stacy,
Which version of Artisteer are you using?
 
Stacy

Posted: 6/5/2013
Quote message 

Quote techtom:

Hi Stacy,
Which version of Artisteer are you using?


Hi tom, thanks for the reply. Im using the latest version. Is there an option for this inside of artisteer?
 
techtom

Posted: 6/5/2013
Quote message 

No, not in artisteer or wordpress. I do think what you want could be done though without a lot of work.

Basically you would create your Artisteer theme with the Menu in the header.

Create a custom menu in Wordpress under menus for the primary navigation. Create a menu item with no text and give it a class name like empty or something like that. That menu item would be the center menu item. So you could add 2 or 3 menu items on either side.

You would add a text widget to your header area and then use css to position it like you want in the header. The text widget will hold your image html code.

you then would have to use some css to adjust your navbar menu and the empty class to make everything line up.

I think it sounds like more work then it really is.

If you can create your theme with the menu in the header. Add the text widget to the header area and setup you menu I can help you with the css.

All you are really doing is creating a textwidget the overlaps your menu. You create the empty menu space and size it so your other menu items do not end up behind the textwidget.

Does that make sense?


 
Erik

Posted: 9/16/2013
Quote message 

techtom can you elaborate on this process? I need to make this happen.
 
Ike

Posted: 1/26/2015
Quote message 

Only issue with doing it this way is that you will have issues with the responsive design as it will show.