• 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

Create a simple header (including logo/menu) in a unique area on top

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 › General Discussion › Create a simple header (including logo/menu) in a unique area on top

This topic is: resolved

Tagged: navigation menu header, sticky menu

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 7 months ago by Tom.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 28, 2014 at 3:41 pm #129642
    freddiegame
    Member

    Hello, hope I would be able to explain my idea in a good english 🙂
    I'd like to have a stick menu at the top of my site.

    Here is the mock up in construction :

    http://www.fred-artwork.com/PRODUCTION/

    If I change the nag' position in fixed position and z-index, it doesn't' allow to see the title-area…
    I don't get a very and simple unique header (including in left : logo and right : menu).

    At this step, I've just coded like this :

    //* Remove the header right widget area
    unregister_sidebar( 'header-right' );

    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before', 'genesis_do_nav' );

    Thanks a lot for your suggestions =)

    Freddy

    http://www.fred-artwork.com/PRODUCTION/
    October 29, 2014 at 9:36 pm #129834
    Tom
    Participant

    These two edits to your stylesheet may be what you're looking for.

    .nav-primary {
        width:100%;
    }
    
    .site-header {
        max-height: 100px;
        margin-top: 76px;
    }

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    October 30, 2014 at 3:30 am #129851
    freddiegame
    Member

    Thanks a lot, maybe, I'd rather finally have a think like that :
    a unique header with both logo and menu in the same wrap…
    with changing mark up ?

    regards: )

    October 30, 2014 at 8:07 am #129875
    freddiegame
    Member

    I simply update this part
    //* Add support for structural wraps
    add_theme_support( 'genesis-structural-wraps', array(
    'header',
    'site-inner',
    'footer-widgets',
    'footer'
    ) );

    Removing 'nav' and the wrap is out…
    Thanks

    November 10, 2014 at 1:10 pm #131094
    Tom
    Participant

    The StudioPress Sample theme included with Genesis provides for a logo and menu in the same wrap within the header.

    Since you are starting with the Sample theme, you should undo the structural (header) changes you have made to return to the Sample baseline design.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ 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

© 2026 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