• 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

Enterprise Child Theme: Dropdowns on nav disappearing upon position: fixed

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 › Enterprise Child Theme: Dropdowns on nav disappearing upon position: fixed

This topic is: not resolved

Tagged: dropdown, Enterprise, fixed, menu, nav, navigation, sticky, submenu

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 1 month ago by David Chu.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 8, 2013 at 5:18 pm #55131
    HollyCandC
    Member

    Hello all!

    I'd like to make my #nav a fixed element along the top of the page, like Mashable.com's main nav (the blue one, not the white nav sticky upon scroll), but when I position:fix the #nav elements my dropdowns no longer appear. Any clue what I'm missing?

    http://colesandcolomy.com/

    Thanks!

    I'm using:
    Wordpress 3.6
    Genesis 1.9.1
    Enterprise 1.1

    http://colesandcolomy.com/
    August 9, 2013 at 9:30 am #55244
    David Chu
    Participant

    Hi Holly,
    First, let me say that your design really looks great! The dashes, the logo, etc., very nice.

    The fixed thing is an interesting idea. I have a quick answer that may get you started. In your CSS for the #nav DIV, you have this in there:

    overflow: hidden;
    

    This will tend to "erase" the dropdowns when "fixed" is applied. The question becomes, why does it work when it's not fixed? I'm not sure without tearing the code apart and examining it, but it may be a context thing. So you can try taking that line out, and then you'll be on your way.

    Obviously there will be a few more CSS tweaks in getting the fixed menu in the right spot and all, but it sounds like you're up to it!

    You could also try playing with this.

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    August 9, 2013 at 11:35 am #55275
    HollyCandC
    Member

    That was it! Haha, I knew it was going to be one little line. That's one rule that I'm never going to forget again.

    Thanks for the praise and your help, Dave. You get a gold star for being awesome!

    August 9, 2013 at 12:06 pm #55284
    David Chu
    Participant

    Holly,
    Thank you for your kind words, glad that helped! I'd like to see your site again with the fixed thingie on it.

    Yeah, Genesis 1.9, at least its Sample theme, has loads of those "overflow: hidden" deals. So many that one can forget they are there, and end up scratching one's head, as we did. With that many, and some not obviously needed, I think they were shooting for the whole "fix the collapsing margin" thing that CSS people have discussed at length.

    Brian Gardner had an article about making a sticky menu, and it had this really graceful approach, so that as you scrolled down, it would fade in at the top, and then fade out again after going back to the top. But I don't see it on his site now. Then again, I don't think the techniques are necessarily Genesis-specific, so a web search on that general topic should yield a bunch of ideas.

    Best, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    August 9, 2013 at 1:15 pm #55303
    HollyCandC
    Member

    I had heard of that link in my searching last night, but I also saw it was no longer on his page. Hopefully it will be restored, since everyone raved about it.

    The menu is fixed and I am pleased. Thanks again for the help!

    http://colesandcolomy.com/

    August 9, 2013 at 1:53 pm #55311
    David Chu
    Participant

    Ooo, snap, that's looking great!!
    You didn't hear this from me, but this looks considerably better than most of the other sites I've been seeing these days! Bonus - dropdowns look just dandy at small screen size. If I get some extra time, I may play with this sort of menu.

    As for Brian's article, he admits that he's addicted to updating his site every 47 minutes or so. So it may have gotten lost in the theme shuffle. As I recall, some new issues came up with the tut working with some Genesis themes, so maybe the article got put aside.

    Talk again sometime!
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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