Menu, blank space

**GK User** Fri Feb 06, 2015 6:39 pm Reply with quote Report this post

I have a problem with the menu.
I have several items on the menu and I would like to space the first and second line with a blank space.

I tried to change something in the file style2.css but without success.

How can I do?
Where can I find the graphics settings menu?

website: http://www.lightyourlife.it/sitonuovo/

Thank you!
Mauro

**GK User** Fri Feb 06, 2015 9:13 pm Reply with quote Report this post

Hi,
you can do few small steps/tips:

#1 reduce font size of menu from default 15px

Code: Select all: .gkMenu > ul > li { font-size: 12px; }

#2 reduce size of menu "buttons" from default 22px

Code: Select all: .gkMenu > ul > li > a { padding: 0 10px; }

**GK User** Fri Feb 06, 2015 9:14 pm Reply with quote Report this post

#3 Use submenu if you can group few menu items into one

**GK User** Sat Feb 07, 2015 9:11 am Reply with quote Report this post

Fantastic, Thank you!! ;-)

**GK User** Mon Feb 09, 2015 5:50 pm Reply with quote Report this post

Hi,
rewrite because I have another problem.

I want to change the color of the submenu. No heavenly (see photo attached) but another color.
What CSS should I change?

**GK User** Mon Feb 09, 2015 11:31 pm Reply with quote Report this post

Hover background color?

Code: Select all: .gkMenu > ul div.childcontent li:hover { background:#A2195B !important;}