Lifestyle-Pro: Make Widget Area and Nav Bar Span Fulll Width

Community Forums Forums Design Tips and Tricks Lifestyle-Pro: Make Widget Area and Nav Bar Span Fulll Width

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  desigirl 4 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #74340

    desigirl
    Member
    Post count: 8

    Hello!

    I’m just trying to get my head around the Lifestyle-Pro theme – I’m a little stuck and could sure do with some help.

    I’m trying to make the single widget area (above the fold span) the full length of the screen. I’ve worked out how to get around the wrap for the header and footer, but can’t see how to do this for the widget (and secondary nav).

    Does anyone have any ideas?

    URL: http://jh-staging.menajo.com/

    Cheers

    #75675

    braddalton
    Participant
    Post count: 7458

    Reposition the entire header to a different hook position.

    /** Reposition header outside main wrap */
    remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
    remove_action( 'genesis_header', 'genesis_do_header' );
    remove_action( 'genesis_header', 'genesis_header_markup_close', 15 ) ;
    
    add_action( 'genesis_before', 'genesis_header_markup_open', 5 );
    add_action( 'genesis_before', 'genesis_do_header' );
    add_action( 'genesis_before', 'genesis_header_markup_close', 15 );
    

    Source http://www.carriedils.com/customize-genesis-move-header/


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #76145

    desigirl
    Member
    Post count: 8

    Thanks for posting. I previously found that article and added that same code (both for the header and footer). That bit is all good. What I’m trying to do is make the widget area (just under the header) and sec nav bar full sized too. Been searching and Firebugging but no solutions as yet…

    #76159

    braddalton
    Participant
    Post count: 7458

    You can change the value for the width to 100% in the style sheet for the sub nav and header right widget.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #76941

    desigirl
    Member
    Post count: 8

    Hi

    Thanks for that, I appreciate your input.

    I think the issue is something to do with the container wrap. I have the width set for 100% for the nav and the top widget, as in the one immediately beneath my nav bar (the header is fine) and the thing is still not changing.

    When I make the container wrap larger the whole thing – text and all – spans across the screen, not what I want.
    Perhaps what I need to do is move the sec nav and top widget outside of the container wrap, just how I did with the header.

    Yes, that will work… but how do I do that?

    Cheers

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.