🌐 Websites - WT (How to use Menu Element)

  1. Overview
  2. 🌐 Website Builder & Domains
  3. 🌐 Websites - WT (How to use Menu Element)

How to use Menu Element

The "Menu" option typically refers to a feature that allows you to create and cuztomize the navigation menu for your website.


To use the menu option, drag and drop the menu to any location within your screen.


Click on the Menu to access the settings.

 

Manage Menu
The menu, home, pricing, and blog, for example, can all be changed pr added using this option. The link can also be added to each menu item here.


Flex
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.


Font
Customize the typeface, size, style and other aspects of the text to create a visually appealing and consistent design.


Sizes
Gap: The spacing between rows and columns of grid or flex items in layout models.
Padding and Dropdown Padding: The space between your button content and its border.


Color
You can either change the button's color to a solid color or a gradient. For hover choices, you may also apply color.


Filter
Typically refers to a visual or interactive element that allows users to sort, refine, or manipulate displayed content based on specific criteria.


Animations
Animation can be used to create dynamic and visually engaging movements or change in your buttons. Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.


Transform
The "transform" property is often used in conjunction with transitions to create visually appealing interactions.


Toggle FreeForm Drag Positioning
This enables you to move elements by clicking and dragging them with a mouse cursor. The term "freeform" indicates that users have greater flexibility and control over the positioning of these elements, often without predefined alignment or snapping.


Center Alignment 
This option allows you to align your text to the left, right, center, or justify it.


Select Parent Element 
Use the "Arrow Up" button to select the parent element, targeting the container or enclosing element that holds a specific HTML element within the webpage's document structure. 


Move 
Utilize the icon resembling a cross with an arrowhead to relocate an element to your preferred location within the section of your layout. 


Clone 
Easily duplicate or copy your element. 


 Trash Bin Icon: 
Delete a specific element when it's no longer needed. 

 

These comprehensive instructions and explanations should empower you to effectively utilize and customize forms within the Web Builder for your project

 
 

Was this article helpful?