Skip to main content
Header
Girish Gilda avatar
Written by Girish Gilda
Updated over a week ago

A "Header" in web app is like a title that introduces a section of content on a webpage.

To add a header to your Fuzen app, click on “Add New Block” on the page.

Then select UI Element as the block type.

Select “Header” from the block dropdown.

Now provide the text for the header and then select the font size.

Then select the text color, weight, and style. Adjust the alignment of the header. Finally, Adjust the margin and padding of the tabs.

Padding: Padding is the space that’s inside the element between the element and the border.

Margin: Margin is the space between the border and the next element of your design.

Once all the required details are entered, click on “Add”.

Save the HTML and click on View Live Page to check the header.

Edit Header

As your app evolves, you may want to edit the headers of your app. For this, go to build with no-code page and click on the header block which you wish to edit.

The edit section will open on the left side.

Make the changes and then click on Update.

Did this answer your question?