Let me give you a quick tour of the platform.

How Navigation Bar works

-A Navigation Bar typically refers to the visual element at the top of a webpage that contains various navigation options, including links to different sections or pages of the website. -It's a key component of a website's user interface and plays a significant role in helping users navigate through the site's content.

Navigation Bar

Simply drag and drop the Navigation Bar Element to the top of your first section.

How to use Navigation Bar

Navigation Bar has an Image where you can display your logo already and Menu items which are typically represented as clickable links or buttons. These menu items can lead to different pages, sections, or categories of the website.

Navigation bar Element

To display the setting, click the Navigation bar.

Navigation Bar Setting

-This setting feature allows you to design and structure the layout of your web content using flexbox properties. -These properties include things like flex-direction, justify-content, align-items, and more. -Flexbox can be a powerful tool for creating responsive and adaptable designs, particularly when dealing with varying screen sizes and orientations.

Flex

<ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between your button content and its border.</li></ol>

Sizes

Adding color/border and shadow to the background of your Navigation Bar is an option as well.

Color

<ol><li>"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.</li></ol>

Select Parent Element

<ol><li>This Settings allows you to copy or duplicate your Icon.</li></ol>

Clone

Delete Navigation Bar in your section.

On your phone, the navigation bar will show you this icon for menu. When you tap on it, a neater and smaller menu will pop up.