• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Switch Horizontal Primary Menu to Vertical

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Switch Horizontal Primary Menu to Vertical

This topic is: not resolved

Tagged: legacy

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 10 months ago by pessacake.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 26, 2013 at 2:39 pm #37925
    pessacake
    Member

    Hello,Last year I had my site done by a group that used Genesis/Legacy as a basis to design a theme. Unfortunately they disabled a lot of the easy features for accessibility. I am wondering where and what I should be looking for to adjust primary menu to display "Vertically" rather then "Horizontally."

    http://metcalfinstitute.org/

    #nav #menu-primary-menu li.current-menu-item a { background-color: #07455c; }
    #nav #menu-primary-menu li.current_page_parent a { background-color: #07455c; }
    #nav #menu-primary-menu li a { text-decoration: none; color: #fff; padding: 7px 25px; cursor: pointer; }
    #nav #menu-primary-menu li:Hover { z-index: 1; }
    #nav #menu-primary-menu li a:Hover { background-color: #07455c; }
    #nav #menu-primary-menu li.sfHover a { background-color: #07455c; }
    #nav #menu-primary-menu li ul { position: absolute; top: 27px; left: 0; background-color: #016e85; width: 300px; padding: 0; }
    #nav #menu-primary-menu li li li { text-align: center; display: inline-block; float: left; margin: 1px 0 0 0; }
    #nav #menu-primary-menu li ul li a { padding: 7px; display: inline-block; background-color: #016e85; }
    #nav #menu-primary-menu li.sfHover ul li a { padding: 7px; display: inline-block; background-color: #016e85; }
    #nav #menu-primary-menu li ul li a:Hover { background-color: #07455c; cursor: pointer; }

    http://metcalfinstitute.org/
    April 27, 2013 at 6:35 am #38049
    Anita
    Keymaster

    Legacy has always had a "horizontal" menu. There isn't anything in the navigation that is was disabled. What are you trying to achieve? The Legacy theme was developed by Wes at Appfinite. The Legacy theme has it's own support forum located here - http://appfinite.com/forum/legacy-theme-support/. I would suggest you post theme specific questions there. He's really good about responding to questions.


    Love coffee, chocolate and my Bella!

    April 29, 2013 at 12:49 pm #38449
    pessacake
    Member

    Thanks for the response. I'm trying to achieve a vertical drop down, rather then horizontal. So when you hover over the menu item, it opens options vertically stacked, rather then horizontally. I'll post with Wes as well. I was under the impression it was based in genesis rather then the child theme.

     

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble