How to fix more than 5 links in Horizontal nav

Latest Reply from Alice at 2014-01-22 09:20:42
Hello,

I would
I would like to know how to put more than 5 links in a line in the horizontal NAV.

Explanations :

Actually i have 10 links (8 category and 2 private pages)and i would add 2 private page more.

Actually I have 2 lines with the categorries and pages
Actually
Now the links in the horizontal NAV :

[cat1] [cat2][cat3][cat4][cat5]
[cat6] [cat7][cat8][pag1][pag2]

If I add 2 links more I have

[cat1] [cat2][cat3][cat4][cat5]
[cat6][cat7][cat8][pag1][pag2]
[pag3][pag4]

But i would prefer :

[cat1] [cat2][cat3][cat4][cat5][cat6]
[cat7][cat8][pag1][pag2][pag3][pag4]

What i neeed to change to have this kind of configuration.

Thanks a lot
Hi!
By default, there are two menus always visible on your screen, the "Main" menu and the "Top" menu. To customize any of them you have to go to the page Appearance => Menus and set the created menu as a main/top menu. Here are the intelligible instructions:
http://codex.wordpress.org/WordPress_Menu_User_Guide.
If you simply want to add the items you have to change the paddings. I can help you but I need the URL of your website.
Hello

this is the URL : http://pronos-gagnants.net/wp/wordpress/

My answer was about the TOP menu you will see in the site.
Thanks for help
Hi!
As I can see there is no Top menu on your website. Did you remove it?
Yes I removed it > desactivated it.
Hi!
To place more items in a row you have to change the width in the following code:
#mainmenu li {
position:relative;
min-width: 179px;
background: #8d12a3; /* Old browsers */
background: -moz-linear-gradient(left, #8d12a3 0%, #780f8b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8d12a3), color-stop(100%,#780f8b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #8d12a3 0%,#780f8b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #8d12a3 0%,#780f8b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #8d12a3 0%,#780f8b 100%); /* IE10+ */
background: linear-gradient(to right, #8d12a3 0%,#780f8b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d12a3', endColorstr='#780f8b',GradientType=1 ); /* IE6-9 */
border:1px solid #8d12a3;
margin-right:3px;
}

161px is more preferrable. The code is located in the file style.css.

Leave a reply

Add codeAdd image