With Onepage, you have unlimited possibilities to creatively design the individual sections of your page. You can add various elements and customize each section individually.
A drop-down menu helps to keep your page clear and not overwhelm visitors with too much text. A drop-down menu is particularly useful for FAQs or detailed descriptions, as it allows you to present content in a structured and easily accessible way.
Add a drop-down menu
Here's how to add a drop-down menu (toggle list) to your sections:
Step 1: Open the editing menu
Open the menu for editing the section, recognizable by the three lines stacked on top of each other.
Step 2: Add an item
Click "Add element" and type "Toggle list" in the search bar.
Edit drop-down menu
After adding the toggle list element, you can further customize it.
The following customizations are possible:
1. Customize icon
Change the icon or alternatively select an image or numbering.
You can choose between "Solid", "Outline", or "Transparent" for the frame.
You can customize the size and color of icons and text as desired. With a solid frame, you can also change the background color of the icon and the corner radius, while with outlined icons, the frame color and corner radius can be set individually.
2. Edit headings and text
Customize the titles and content of your toggle elements as desired.
3. Style settings
Frame options:
Transparent: Adjust spacing and text color.
Line Top: Set inner spacing, text color, and frame color.
Outline: Edit inner spacing, total spacing, text color, frame color, and corner radius.
Solid: Configure inner spacing, total spacing, text color, background color, corner radius, and shadow.
4. Customize text color and toggle type
You can make further settings in the menu (indicated by the three horizontal lines). This includes changing the heading and text color and customizing the toggle type.
You can also customize the frame, size, and other style options such as color, corner radius, and background.
5. Add additional toggle elements
To create a new toggle element, click on the blue "Add item" button or use the "Duplicate" option in the six dots to copy an existing element.
6. Delete toggle element
A toggle element can be deleted by selecting the "Delete" option from the six dots.
With these settings, each toggle list can be customized to match the design of your page, ensuring a clear and attractive presentation of your content.
📌 Note: Currently, it is not possible to add links to the toggle list.
💡Do you have any feedback about this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂