Community Forums › Forums › Archived Forums › Design Tips and Tricks › "Full Width" Menu Bar
Tagged: full width, menu bar
- This topic has 11 replies, 2 voices, and was last updated 10 years, 5 months ago by nutsandbolts.
-
AuthorPosts
-
November 15, 2013 at 11:51 am #73186dpbklynMember
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, LLCNovember 15, 2013 at 11:54 am #73188nutsandboltsMemberHere 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 #73191dpbklynMemberhmmm...
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:
Is there a Theme you can recommend?
Thanks,
dp
David Phillips
Owner, St. Louis IT Solutions, LLCNovember 15, 2013 at 12:04 pm #73193nutsandboltsMemberHonestly, 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 #73202dpbklynMemberI 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, LLCNovember 15, 2013 at 12:29 pm #73204dpbklynMemberNovember 15, 2013 at 12:31 pm #73206nutsandboltsMemberThe 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 #73222dpbklynMemberI 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, LLCNovember 15, 2013 at 1:07 pm #73224nutsandboltsMemberYes, 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 #73226dpbklynMemberI am good with CSS, just not Genesis (yet).
Thank you for your suggestions.
David Phillips
Owner, St. Louis IT Solutions, LLCNovember 15, 2013 at 2:30 pm #73254dpbklynMemberI 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, LLCNovember 15, 2013 at 2:30 pm #73255nutsandboltsMemberThis reply has been marked as private. -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.