Metro Pro: Navigation Menu and Image

[taylorjkeen]

Hello, I have 2 questions.

1. What's the easiest way to make the top navigation menu ("Secondary") stay visible at all times even when scrolling down the page?

2. I need to have an image that fills the whole width of the window. Can this be done with the "Header Image" or how would I accomplish this? An example of what I'm talking about is http://www.nomadicmatt.com If you look at his page, there is a full width picture at the top and "Travel Better. Cheaper. Longer". I'm looking to have something similar to this where the image takes up the whole screen and when you re-size the window, the text stays the same but the picture re-sizes/crops.

Thanks

PS: I'm redesigning my site so this is just a Staging site.

http://da7.3a1.myftpupload.com/

[Christoph]

Hi,

I see you got your navigation sticky. Well done! 🙂

If you want to use a "window wide" image in the header area, the easiest way is to position the .site-header outside of .site-inner, just like you did with .nav-secondary.
First you remove everything from the "regular" hook. E.g.

// Remove site header elements
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 );

And then add it back in on the new hook.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts