Moving the Main Menu to Another Positon

Is it possible to move the main menu I have to below the logo or to the top module position.

The issue here is I'll have about 10 or 11 main menu items and the space provided is not wide enough but if the menu is located under the logo then it does give me enough space.

Thanks.

Hi,
can you give us url to your site ?

Actually I do see now that as I've added more menu items and reduced the size of the font and width of the menu items in css the menu automatically moves to below the logo which is fine but as I stretch my browser window out more the menu moves back to beside the logo. I understand this is a responsive thing but:

1) is there a way to have the menu fixed to below the logo?

2) use the new open space beside the logo to add custom html modules... essentially making this space useable?

Here is a link to the site currently in development: http://204.12.28.40/~tamfit/

Thanks

1) Try add this to override.css

Code: Select all

#gkMainMenu {
float: left;
width: 100%;
}


and remember to enable override.css option in template settings.
2) I think you will need to add new module position and publish your custom html modules in this position. Please read this https://www.gavick.com/documentation/jo ... -position/

Is there a override to elliminate the space for gk_mainmenu. I have turned it off but the spacing div still exists. www.socialpatient.com

1) Try add this to override.css

Code: Select all

#gkMainMenu {
float: left;
width: 100%;
}


and remember to enable override.css option in template settings.
2) I think you will need to add new module position and publish your custom html modules in this position. Please read this https://www.gavick.com/documentation/jo ... -position/

Please add to override.css

Code: Select all

#gkMainMenu {
display: none !important;
}