StudioPress

Forum navigation

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 Header, nav, and footer

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Full Width Header, nav, and footer

This topic is: not resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 22, 2013 at 12:09 pm #47192
    Krista
    Member

    I am wanting to create a simple design similar to this. Not exactly mind you but what I like is the full width header, navigation and footer. Before I dive in and possibly butcher my child theme I'm creating, I was hoping someone could give me some feedback on how I could create this in my own child theme?

    http://www.sarahledermandesignstudio.com/blog/

    June 22, 2013 at 1:41 pm #47199
    Stewart
    Member

    Hi,

    Its fairly simple to achieve, you might want to check out this tutorial on Carrie Dils blog.

    Move Header Above the Wrap

    Hope this helps
    Stewart

    WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
    Follow me on Twitter

    June 22, 2013 at 2:09 pm #47203
    Krista
    Member

    I did that. When I added that to the function.php in my child theme, then my page disappeared. Weird.

    June 22, 2013 at 3:32 pm #47217
    Krista
    Member

    I have the Prose theme and I followed the tutorial Stewart. It indeed moves my header above but the width stays the same. I've tried changing header to 100% and even using min-width. Nothing. If I increase width it adds it to the right of the header. Any ideas? I appreciate the help.

    June 23, 2013 at 2:49 am #47271
    Stewart
    Member

    Hi,

    Is the site live, if so send me a link and ill take a quick look for you and still if I can figure it out.

    Stewart

    WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
    Follow me on Twitter

    June 23, 2013 at 3:26 pm #47360
    Krista
    Member

    Ok, I just installed this and haven't done anything to it. The code added from the Carrie Dils tutorial did work in moving the header up. But for the life of me I cannot figure out how to make the header and footer 100% width. I tried adding CSS to the Custom Edit but it didn't work.

    http://inframeexpression.com

    Thank you!

    June 23, 2013 at 8:56 pm #47402
    Krista
    Member

    I got the header fixed up. I tried the same thing with the navigation menu and if you look at it you can see what I mean. I would like the navigation below the header full width, and the navigation in the wrap to be removed. I've been at it for a few hours and tried many things....I'm sure it's simple. But I need help 🙂

    June 24, 2013 at 3:46 am #47432
    Stewart
    Member

    Hi,

    Looks like you have your nav displaying twice, but to fix the bottom nav you need to look for #wrap in your style.css (wish i could be more specific but your css file is minified so i can't tell you what line to change) and remove the padding and margin elements, these are stopping you nav going full width.

    Stewart

    WordPress Developer – Need help upgrading to Genesis 2.0? – My Blog
    Follow me on Twitter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.