3 Ways To Make Your Sites Header & Nav Menu Full Width In Genesis

This tutorial shows you how to make your header span full width of the screen.

It also shows you how to make your nav menu’s span full width.

These solutions haven’t been tested on all 65+ StudioPress child themes however it has been tested on the AgentPress Pro child theme for a member of WP Sites.

Here’s the default header which only displays the width of the structural wrap.

header wrap

Here’s the result after using one of the solutions in this post:

full width

Code

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.