• 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

Keep submenu open by default on homepage

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 › Keep submenu open by default on homepage

This topic is: not resolved

Tagged: css, menu, navigation, submenu

  • This topic has 1 reply, 2 voices, and was last updated 7 years, 9 months ago by James.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 24, 2015 at 12:50 pm #174757
    byoung85
    Member

    First of all... Merry Christmas Eve everyone!

    This is my first time posting in the community. I've heard about here as being one of the most helpful forums in the WordPress Community, so I'd thought I'd ask for some help from the Genesis experts 🙂

    I'm working on an e-commerce project for a good friend of mine using Genesis child theme and Woocommerce.

    He'd like to keep the submenu of the first (primary) menu item open by default on the homepage only, and when scrolling down, have the primary menu become sticky and submenu close.

    I found a site that replicates this effect below:

    http://mrkoon.com

    Is there a simple way to achieve this via editing the function.php and style.css?

    Any suggestion would be of great help!

    December 24, 2015 at 3:09 pm #174767
    James
    Participant

    Hi there

    the example site you show here, this isn't actually a sub menu, it is just a standard menu.

    you would not be able to achieve this using sub menus at all.

    what you would need to do is register and build a completely new menu, and build this menu into the front-page.php

    if you require submenus like the example site (where you hover and the sub fly out to the right) then that would need to be all done as well

    if you check out the Sixteen Nine theme, that has a menu in the side, this is basically exactly what you need to use.

    as for having the main menu stick to the top on scroll, this effect is like on Cafe Pro theme

    i'm not sure what your theme development skills are like, bit this would be quite a extensive task, and the design would need to work with mobile devices as well.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 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