WordPress.org

1. ryezack
   Member
   Posted 2 years ago #

   I have a site simplebiz.freevar.com/wordpress and I want the top menu to look like the menu of Apple.com. As you can see on my site, i tried making it but I'm having problems with the last menu item which doesn't look good coz it shows the vertical line or separator. How do I make it look like it ended without the separator but with rounded corners.

2. jceresini
   Member
   Posted 2 years ago #

   The stylesheet located here: http://simplebiz.freevar.com/wordpress/wp-content/themes/homehippo/style.css sets the background-image of each link at the top to have the separator. The starts on line 204:

   #site-navigation ul li a (line 204)

   If you add style specifically for the last link such as:

   #site-navigation ul li a .last{ background-image: none; }

   and add "class='last'" specifically to that anchor tag <a>

   You should be fine

   [signature moderated Please read the Forum Rules]

3. ryezack
   Member
   Posted 2 years ago #

   Thanks for the reply. I guess what you're suggesting is to use fixed menu. The problem with fixed menu, it cannot be applicable with xlanguage plugin for multi-languages. I want to have it dynamic like what wordpress is using. This is the code found on wordpress to display the menu:

   <?php wp_list_pages('sort_column=menu_order&title_li=&depth=-1'); ?>

   I'm not sure where to add the "class='last'" to the code above.
   Can you help me?

Topic Closed

This topic has been closed to new replies.