Suggestion: Hook inside the header but outside the wrap

[jaxweb]

There are no hooks within the header but outside the wrap. The reason why I want this is that the <header> stretches the width of the screen. So if i want a div that is confined within the header but also stretches across the entire screen, there's not a simple solution for me to do so. All hooks are outside the header or within the wrap with a max-width of 1200px.

[Victor Font]

If you want to change the width of the header to full screen, you only have to change the width of .site-header .wrap in CSS. There's no need for extra hooks. You should know though, that when you post on this forum, you are not communicating with Studio Press. This forum is handled by community volunteers.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jaxweb]

I want the wrap to stay at 1200 pixels wide because i want to keep the content (logo & widgets) within that width. I have a fixed header and wish to move the navigation within the header but adjust it based on the the dynamic height of the header as it adjusts in height based on the widgets and logo content within it. This would also eliminate the adjustments i have to make within css to make fixed navigation positions at all breakpoints and then adjust the site-inner as well based on the breakpoints. This is a bit much and gets complex and creates too much testing If i can just make the header fixed, all i need to do is adjust the site-inner location from the top based on the height of the header.

SO this is what i'm trying to do

[Victor Font]

You didn't mention what theme you are using, but this code does what you want for the Genesis Sample theme. You may have to change the action priorities if they've been changed from the Genesis defaults:

remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
add_action('genesis_header', 'add_nav_after_structural_wrap', 15);

function add_nav_after_structural_wrap() {

	genesis_structural_wrap( 'header', 'close' );
	genesis_markup( array(
		'close'   => genesis_do_nav() . '</header>',
		'context' => 'site-header',
	) );

}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jaxweb]

Thank You so much. that worked great!

[Author]

Posts