Black Friday's here! Create an app and enjoy 50% off now!
GoodBarber apps are ready for iPhone Duo. See how
Back

How to choose your header size ?


Header size

The height of the header sets how much room your brand takes at the top of the screen: discreet, to leave room for your content, or taller, to give your title and a short text more presence.

In My App, open Structure, and click Header.

Three heights

Header height offers three sizes: Small, Medium and Large. River Daily uses Small.

Choose Medium… and the header grows, with more room around your title.

Choose Large… and it takes about a third of the screen, a branded opening for your app.

Switching to Large also sets the display option of the title to Logo only… and the scroll effect to Resize.

And with Medium and Large, the header has no background image: it uses its background color.

Descriptions

Large adds a short description under your title. Type it here… and click OK.

The description appears under River Daily. Keep it short.

To give each section its own title and description, choose Section title & description… and Local now shows its name and its description.

Global shows its own as well.

Home, the first section, keeps the header's title and description.

Each section's description is written in its settings. In Structure, open the menu next to the section… choose Settings, and the text goes in Description.

Scrolling

Back in Header, the scroll effect is now Resize.

As users scroll, the header shrinks and gives the room back to the content… and it grows again at the top.

With Hiding… the header slides away as the page scrolls.

Section by section

A section can also have its own height. In Structure, open Global… open Header, and choose Modify the header of this section.

Choose Small… and Global gets a discreet header.

The other sections, like Local, keep the large one.

Article pages always use the small header, and so do some sections, such as Settings.

To give Global the general header again, click the gear… then Go back to default header, and confirm.

Publish

To make your changes visible to your users, publish your app's update from the Publish menu.

Related videos