Lots of text in one row in the main menu

I have a problem with the main menu. The problem is that the customer has a lot of text in the main menu, but wants all in one row.

Seichinha has provided me the following css code:

. gkmenu.level0 li a {width: 100px! important; text-align: center}

The code is what I want, only that the space between the lines too big.

I attached two images.

current.png (current situation), like.png (what we would like).

Thanks for the replies.

I have a problem with the main menu. The problem is that the customer has a lot of text in the main menu, but wants all in one row.

Seichinha has provided me the following css code:

. gkmenu.level0 li a {width: 100px! important; text-align: center}

The code is what I want, only that the space between the lines too big.

I attached two images.

current.png (current situation), like.png (what we would like).

Thanks for the replies.

Current:




What we would like:

Hi

Please show me Your site.

My site: http://www.geo-storitve.si/

The override is now enabled!

BR

Hi

I can see You have done it already:

Code: Select all

.gkmenu.level0 li a {
    line-height: 17px !important;
    text-align: center;
}


is a right solution. Do You need my help with anything else ?

Yes.

With Seichinha I did.

I do have one small request. Text in the main menu is placed at the center which is OK, but submenus should be aligned to the left.



Thank you.

Hi

Please use this code:

Code: Select all

div.gk-menu > ul.level0 > li .childcontent ul li,
div.gk-menu > ul.level0 > li .childcontent ul li a,
div.gk-menu > ul.level0 > li .childcontent ul li span {
    text-align: left;
}


Oh, thank you.

And my (i hope so) last question.

Is it possible to move items in main menu a little bit closer?

Hi

Please try with this code:

Code: Select all

div.gk-menu > ul.level0 > li > a {
    padding: 0 4px;
}