Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #2418


    I have 5 Categories for my 2nd menu. Currently they are narrow and sit to the left of the page.. also causing some nav items to flow onto 2 lines. How can i get these 5 menu items to fill the entire width of the menu as displayed in your example site?




    Can you post a link to your site please?



    It is locked behind a firewall at work until they are ready to launch it. SUCH A BUGGER!

    I have actually got it to spread out now.. Probably not the best way.. I have just fiddled with sizes. I need however to hide the right border on the last menu item (so it looks like it is flowing). I can’t work out how to syle it in the CSS. I am thinking if i turn it white it would hide..

    The syle adding the right hand border on all 2nd menu is this

    .catnav li a{


    border-right:1px solid #aaa;

    text-shadow:1px 1px 0px #fff;


    I need to make the border white for … id=”menu-item-190″

    I have tried this .. but it just adds a border beside the grey one

    #menu-item-190 {

    border-right: 1px solid #990000; /*RED to see if it works.*/


    How can I override the .catnav li a , on the link with id=”menu-item-190″




    Dude.. are you able to tell me how to style this?





    you can try following code:



    Thanks for pointing me in the right direction Dude!

    I have it working now.. The style needed to be applied to the anchor element so I used the following code – just in case anyone else needs it!

    .catnav>li:last-child a{

    border-right: 1px solid #fff;



    Glad that you solved the problem.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Category Menu Layout’ is closed to new replies.