Header, footer and body
Build the header you’ve always dreamed of, without limitations. Add different menus, icons, areas, search boxes, make it responsive…
Spice it up with sticky effects
Stick your header to the top of the page when visitors scroll down, adn decide which parts of the header get sticked (all header, main navigation only, top bar…).
Change header per page
You can set up a different header for a single page or post. For example, you can set the header to be opaque by default, but make it transparent on the home page.
Prepend content to header
Add promo banners or your own reusable block before the header and create any design you like.
Choose from different header bases
Different header styles are prebuilt so you just have to choose which one your starting point will be.
It is displayed as an overlay with a big navigation menu in the middle.
With a toggler in the main navigation area, users can display this nav on desktop as if it was a mobile menu.
A bar above the main navigation area that can contain menus, cart, icons…
This bar, similarly to the top bar, will be displayed below the main navigation area.
Mobile friendly footer
We don’t forget to take mobile devices into consideration, and understand how the design may differ on them. Footers can be arranged in columns, also on mobile.
Your footer can contain several rows of content. For example, you might display your payment methods on one row, navigation menus on other one, and legal links on a third one.
Adjust padding and colors
You can set the padding for each of the footer rows and for the copyright bar independently, set your own colors, etc.
Fluid or contained
Footer can be in a container or it can take 100% width of the viewport depending on your own needs.
Your footer can be a powerful tool
Pre-made page borders are beautiful frames that can be added to the website, as if it was a beautiful painting. You can tweak colors and sizes.
This feature is not often used, but it can be useful to make some websites look more tidy. With a boxed body, all content is inside a container element, centered at the middle of the viewport.