Looking to change menu in Vertigo…

  • Author
  • #905019


    When I hover over a parent menu item, I want the sub-menu options to appear below the parent but in a horizontal row instead of a vertical column (similar to the way the menu operates in the Manifest theme). Any ideas?



    The blog I need help with is preoccupiedbetablog.wordpress.com.


    I see that there aren’t currently any submenus setup on http://preoccupiedbetablog.wordpress.com/

    If you still need help with this, please add some submenus and reply back here.



    Hey, I would LOVE some help with this! I took away the submenus cause I couldn’t figure it out and it looked too ugly – but they are back now!


    Here’s an example to get you started. If you change the width of the submenu element, you can adjust it to be wide enough to fit the number of elements you want and still look good in the theme. Note that this only accounts for 2 levels in the menu.

    #access ul ul {
    	width: 376px;
    #access ul ul a {
    	width: auto;

    Changing the layout of a menu can be a slippery slope. Sometimes you can just change it a little bit and it will work for your specific custom menu, however, if you have a complex menu with a lot of items and levels, it could actually end up being quite tricky and a lot of work to change from one menu layout to another. I would recommend experimenting a little with just the small example I posted above to see if it will work and make sure to test with your final menu layout.

    If you need to refer to how the menus are setup for both Manifest and Vertigo, you can check the original stylesheet for each theme and find the menu or main navigation section.

    Here is the stylesheet for Manifest:

    Here is the stylesheet for Vertigo:





    You’re welcome.

The topic ‘Looking to change menu in Vertigo…’ is closed to new replies.