Menu Problems

I have more items than those shown in the main menu. How do I reduce the size of the source of the main menu to show me that?

How I can create a "middlemenu2" in the template The News of the World 2, with the same format as the middlemenu?

Thanks

Hi,

Can I have your link to check and give you instruction?

What do you mean by "middlemenu"? Is it the main menu? If so you can't clone it as it will make a script that conflicts the current one.

Hi,

Can I have your link to check and give you instruction?

What do you mean by "middlemenu"? Is it the main menu? If so you can't clone it as it will make a script that conflicts the current one.

Thank you Don,
the problem with the "middlemenu" is ok.
My principal problem now is that i am using the news of the world template, and in the main menu i have lots of items and i need to minimize the size font or any solution.
Sorry, i can´t show you the link because i´m working in localhost.

Thanks again.

You can do as following::

Open /templates/gk_twn2/css/template.css

Find:

Code: Select all

#gkTopMenu1 .menu li:first-child {
    background: none repeat scroll 0 0 transparent;
    padding-left: 17px;
}


Change the "17px" to be a smaller number such as "3px".

Open /templates/gk_twn2/css/menu.css

Find:

Code: Select all

#gkMainMenu > div > ul > li > a {
    background: url("../images/style1/menu_separator.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 39px;
    line-height: 40px;
    padding: 0 17px 0 19px;
    text-shadow: -1px -1px 0 #A92009;
}


Change padding values.

Then let me know if it helps.

You can do as following::

Open /templates/gk_twn2/css/template.css

Find:

Code: Select all

#gkTopMenu1 .menu li:first-child {
    background: none repeat scroll 0 0 transparent;
    padding-left: 17px;
}


Change the "17px" to be a smaller number such as "3px".

Open /templates/gk_twn2/css/menu.css

Find:

Code: Select all

#gkMainMenu > div > ul > li > a {
    background: url("../images/style1/menu_separator.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 39px;
    line-height: 40px;
    padding: 0 17px 0 19px;
    text-shadow: -1px -1px 0 #A92009;
}


Change padding values.

Then let me know if it helps.

Perfect!!!!! Thank you very much.