Main menu questions

Hi!

I need your help guys. I do not find the module for the main menu and also do not find the name of its position.
Could you help me:
- What is the name of the position where the logo and the main menu are in this template
- What is the name of the module for the Main menu (Ihave found only modules for Footer, User etc menus)
- Is it possible to create a new menu into this position under the main menu? or: Is it possible to seperate the menus of main menu into two rows? I have 6-8 menus in the main menu it is too much for one row.

Thank you

King regards!

Hi

Logo and main menu are a static elements of template. It's not using a module position. Please put all menu options You want and show me the site than. I'll think of something to look better for You.

Hi teitbite. Thank you for the answer. I put all menus and they almost fit, but the first one is conflict with the logo. There is a Log In button next to the main menu items, if I could unbublish that it would solve the problem, and menu items would fit in a single row. How can I unpublish that button?
But I still would be happy to take your tip to order main menu items into two rows beacuse it is possible, that I will have to add more items to main menu.
You can take a lokk to the site at: www.benkokrisztina.com
Thank you!

Hi

Ok. Please try to add this code, so menu elements will be listed in 2 rows:

Code: Select all

#gkMainMenu {
    width: 60%;
}


You can also just reduce he spaces between options with this code:

Code: Select all

.gkMenu > ul > li > a {
    padding: 0 6px;
}


Hi!

I tried to ad your codes to template css after this code:
#gkMainMenu div.childcontent a:active,
#gkMainMenu div.childcontent a:focus,
#gkMainMenu div.childcontent a:hover,

The first code made this:

The problem that the menu names was broken into tho rows.
For example menu names: About us, Company, Products, Contacts
This code made: First row Abou, Compa, Produ, Cont Second row: t us, ny, cts, acts.
But I need two rows for different menu names. First row: About us, Company, Second row: Products, Contacts

The second code made the menu names underlined only nothing else. The spaces between options still the original.


Did I enter your code into wrong css or wrong place in the css? Help me please

Thank you for your more help!

Hi

You must have broke the template.css file while adding my code. Below is the screen how it looks for me when I'm adding the css change with a developer tool.

Please send me an access to joomla panel. I'll add it for You.

Hi teitbite,

Sorry for the late answer, my two-row menu problem has solved, because one row was enough for my menu options.

But, if you could help with the follow:
- I would like to change:
1. Color of the main menu font on the frontpage
2. Font and color of the main menu options on the main menu-subpages.

Which css have I to modify?
A changed many colors (body, header, modules etc) but I did not find how to change main menu color.

Thank you for your help!

Hi

Any css modification should be done as an override, so please use override.css file but make sure using override is enabled in template settings.

1. To change color of parent elements:

Code: Select all

.gkMenu > ul > li > a {
    color: #333333;
}


2. To change the color of sublinks:

Code: Select all

#gkMainMenu div.childcontent a {
    color: #692C14;
}