With the Headway Theme, you have the option of making your header and/or footer fixed, or fluid.
A true fluid layout uses the full width and height of the browser. It’s very difficult to do well – it’s something like the Holy Grail of web design. Considering how flexible the Visual Editor is – and how many different possible configurations that users may try – it’s not possible with the Headway Visual Editor (I haven’t tried this using Custom CSS) to achieve a truly fluid layout.
That said, you can achieve some of the same aesthetic that you get from a fluid layout with the Headway visual editor. See this site? An example of a fluid header in action – the header area of the site is fluid and will always take up 100% of the width of the screen. I don’t utilize a footer on this site right now, but I would probably make that fluid, too, and it would also take up 100% of the browser width.
To Set a Fluid Header or Footer
- Go to the Visual Editor
- Click Site Configuration
- Click Header (or Footer)
- Click Header Options (or Footer Options)
- Toggle the radio option to Fluid Header (or Fluid Footer)
- Click on Design Editor
- Choose, from the drop down, the Header Container (or Footer Container) and style as needed. If creating a fluid header, you also need to style the Navigation container. Note that the Header and Footer elements from that drop down may also need styling, as they are elements nested within the “containers”.
See the video to the right for a demonstration!