Menu items spacing

I'm not really sure if that is the question that was answered in another template discussion but here goes: in the original template there is a distinctive space between menus that are root items like you can see on the attached picture (you can see what space I'm referring to). Well I only created one menu beside the home menu and it got right under the home menu. The thing is I don't really need that menu anyway but I would like to know what to do to put space between them since I need to add some menus in the future. They are both root items and both K2 category menu item types. I thought I had to modify a padding value in the css but why do other menus take space when I publish them again (those from the original template) ? the site in progress is http://www.jeromelecunff.com

thank you in advance

Hi

Can You please point on the space You have in mind? I can see a space from every side of the menu so I'm not sure which one You want to reduce.

What I want to do on the example of my site is to add space between "home" and "kategorije" of course in the case of the site in question it doesn't make any sense, it's just to understand why is there no space between to root item menus and when you look at he demo template there is space between different units of root menus.

Hi

Not I understand

Space is visible under child elements. So since "Home" has none, than there is no space. You can use css to add it:

Code: Select all

.gkMenu > ul > li.first {
margin-bottom: 25px;
}


I tried adding the code to the menu.css and then to the style6.css but nothing changed. Did I do something wrong? I never used the override css since I didn't use it fromt he beginning.

Hi

I can see it works just fine from style6.css file, You probably just need to clear browser cache to load changed css file.

Indeed, something was strange in my chrome, the cache didn't clear I guess. Tnx

Hi

It happens all the time glad it's ok now.