• 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

"Full Width" Menu Bar

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 › "Full Width" Menu Bar

This topic is: not resolved

Tagged: full width, menu bar

  • This topic has 11 replies, 2 voices, and was last updated 12 years, 6 months ago by nutsandbolts.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 15, 2013 at 11:51 am #73186
    dpbklyn
    Member

    Hello and thank you in advance,

    What is the trick to getting the menu bar to look like it is full width? If you look at this top of this forum page, the menu bar looks like it is full width, but the menu and the rest of the page is fixed...

    Thank you,

    dp


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 11:54 am #73188
    nutsandbolts
    Member

    Here is a tutorial that might help you: http://genesistutorials.com/genesis-structural-wraps-creating-a-full-width-genesis-child-theme/


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 15, 2013 at 11:59 am #73191
    dpbklyn
    Member

    hmmm...

    Thank you for your quick response. Maybe I should be playing with a full-width Genesis theme. I am trying to come up with a site that structurally looks like this:

    http://www.necgnet.com

    Is there a Theme you can recommend?

    Thanks,

    dp


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 12:04 pm #73193
    nutsandbolts
    Member

    Honestly, I'd probably use the free Sample child theme. It gives you the best blank slate to customize but the menu is already full width. You can add a home.php (using any other theme's home.php as a template) to widgetize the homepage and make it easy to add blocks of content, or you could look at the Dynamik theme from Cobalt Apps - it has a homepage builder and lots of other tools that make it easy to customize.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 15, 2013 at 12:27 pm #73202
    dpbklyn
    Member

    I just looked at your site and it looks like the direction I would like to move.

    I just got your response..Thank you!


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 12:29 pm #73204
    dpbklyn
    Member

    Is your site a full width site?


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 12:31 pm #73206
    nutsandbolts
    Member

    The header, nav, and footer are full width, but the content area is based on a 960px grid.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 15, 2013 at 1:04 pm #73222
    dpbklyn
    Member

    I never realized you could have part of the theme be full width and other parts fixed. I guess that is what that first link you send is saying. I have some reading and research to do.

    When you say use a home.php as a template, do you mean plop it into the Sample theme's directory, or simply use the code as a template?


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 1:07 pm #73224
    nutsandbolts
    Member

    Yes, you would just create a home.php customized however you want it to look. For example, the one I use on my business site has a full width widget area, a 3-column widget area, a 2-column one, then another full width with no grid loop. You can basically pick and choose what you want to include depending on your needs for the site (just be prepared for all the CSS that comes with it!)


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 15, 2013 at 1:09 pm #73226
    dpbklyn
    Member

    I am good with CSS, just not Genesis (yet).

    Thank you for your suggestions.


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 2:30 pm #73254
    dpbklyn
    Member

    I was just looking at Dynamik and I think I am going to buy it, is there an affiliate program so I can give you credit?


    David Phillips
    Owner, St. Louis IT Solutions, LLC

    November 15, 2013 at 2:30 pm #73255
    nutsandbolts
    Member
    This reply has been marked as private.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 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

© 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