Sixteen-Nine: Move footer below content (responsive) and add new widget

Community Forums Forums Design Tips and Tricks Sixteen-Nine: Move footer below content (responsive) and add new widget

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Sridhar Katakam 5 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101649

    84thand3rd
    Participant
    Post count: 1

    I have removed the footer ‘display: none’ in responsive screens so the footer always appears, however the responsive stacking in Sixteen-Nine places the footer above the content area as default.

    • I want to move the footer below the content in the responsive screen sizes but am not sure where/how to do this.

    I am also wanting to add a new widget area for the email subscription section (currently appears in both Header Right widget and footer widget for testing purposes) and have this widget also appear below the content in the responsive stack.

    Dev location: http://redsage.com.au/webpage/

    Any assistance is appreciated!

    http://redsage.com.au/webpage/
    #104425

    Sridhar Katakam
    Participant
    Post count: 1048

    1)

    I want to move the footer below the content in the responsive screen sizes but am not sure where/how to do this.

    Try this:

    a) Install and activate mobble.

    b) Replace

    remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
    remove_action( 'genesis_footer', 'genesis_do_footer' );
    remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
    add_action( 'genesis_header', 'genesis_footer_markup_open', 11 );
    add_action( 'genesis_header', 'genesis_do_footer', 12 );
    add_action( 'genesis_header', 'genesis_footer_markup_close', 13 );

    with

    add_action( 'get_header', 'sk_reposition_footer' );
    function sk_reposition_footer() {
    	if ( ! is_handheld() ) {
    		remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
    		remove_action( 'genesis_footer', 'genesis_do_footer' );
    		remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
    		add_action( 'genesis_header', 'genesis_footer_markup_open', 11 );
    		add_action( 'genesis_header', 'genesis_do_footer', 12 );
    		add_action( 'genesis_header', 'genesis_footer_markup_close', 13 );
    	}
    }

    2) Assuming that above works, you can use a similar logic. You would hook the function that has the code to display your custom widget area to genesis_footer for handhelds and to genesis_header for non-handhelds using if/else.


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

You must be logged in to reply to this topic.