---
title: "Action buttons: menu, cart, search and customer account"
description: "Insert preconfigured buttons for the site's native features: open the mobile menu, the e-commerce cart, the search bar or the customer account."
url: https://docs.vivlab.com/en/editor/menu/button-action
---

# Button action

**Button actions** are buttons already set up for the site's native features: opening the **mobile menu**, accessing the **e-commerce cart**, opening the **search bar** or accessing the **customer account**. Unlike a regular [button](https://docs.vivlab.com/en/editor/menu/button.md), their action is fixed and not configurable.

<DocsScreenshot name="editor-mobile-menu-colors" alt="The mobile navigation panel and link colors." :width="342" :height="167" />

## Colors (mobile menu only)

For the **Mobile menu** button, a **Colors** subsection lets you customize:

- **Menu color**: background color of the side panel that opens when the visitor taps the button.
- **Button text color**: color of the links inside this panel.

The **E-commerce cart**, **Search icon** and **Customer account** buttons don't have this subsection: they use the colors of your [theme](https://docs.vivlab.com/en/sections/themes-brands.md).

## Style

The [style panel](https://docs.vivlab.com/en/editor/style/index.md) gathers the size and color of the icon, [background](https://docs.vivlab.com/en/editor/style/background.md), [borders](https://docs.vivlab.com/en/editor/style/border.md), [corner radius](https://docs.vivlab.com/en/editor/style/border-radius.md), [shadow](https://docs.vivlab.com/en/editor/style/box-shadow.md), [inner margins](https://docs.vivlab.com/en/editor/style/padding.md), [positioning](https://docs.vivlab.com/en/editor/style/align.md) and [transitions](https://docs.vivlab.com/en/editor/style/transition.md).