> For the complete documentation index, see [llms.txt](https://ladipage-vietnam.gitbook.io/v5-ladipage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ladipage-vietnam.gitbook.io/v5-ladipage/xi.-cac-tinh-nang-mo-rong/tao-menu-ban-mobile.md).

# 5. Tạo menu bản mobile

**Bước 1: Thêm mới icon menu.**

<figure><img src="/files/wYwhbhP6NpJHUrwktNX6" alt=""><figcaption></figcaption></figure>

Hoặc bạn vào phần Thêm mới--> Phần tử--> Biểu tượng và tìm kiếm với từ khóa Menu.

**Bước 2: Tạo popup nội dung menu.**

<figure><img src="/files/eTyLe0BfuhxioCqs4wE4" alt=""><figcaption></figcaption></figure>

**Bước 3: Liên kết các mục menu đến section tương ứng hoặc tới trang khác.** \
**(Xem thêm hướng dẫn** [**liên kết đến section**](broken://pages/-LwRPDh8YTU6tQYORsey) **và** [**liên kết mở liên kết**](https://help.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-mo-lien-ket)**).**

<figure><img src="/files/altUOqoxUElLtODHWpt1" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Lưu ý:**&#x20;

* **Bạn có thể cài đặt vị trí hiển thị của Popup như mình mong muốn.**
  {% endhint %}

<figure><img src="/files/yeFRPG6eIJ7r0vTQcRyy" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

* **Popup nội dung menu sẽ hiển thị khi khách hàng bấm vào icon menu, vì vậy không cài đặt hiển thị cho popup này.**
  {% endhint %}

<figure><img src="/files/RMyokZg1whYDtyLiFy8b" alt=""><figcaption></figcaption></figure>

**Bước 4: Liên kết icon tới popup.**

**Bạn vào phần thiết lập--> Sự kiện--> Chọn hành động nhấp chuột--> Sự kiện mở popup--> Chọn popup nội dung menu.**

<figure><img src="/files/KVJ7E62phOhLci6DZrw3" alt=""><figcaption></figcaption></figure>

**Bước 5: Ghim icon ở đầu trang trong suốt quá trình khách hàng cuộn chuột. Bạn có thể chọn vị trí hiển thị của icon menu này theo vị trí ghim**

<figure><img src="/files/rf8XyUWeJLurnBXf9iYT" alt=""><figcaption></figcaption></figure>

Nếu bạn thiết kế kiểu Responsive, bạn có thể thiết kế menu desktop và mobile khác biệt nhau bằng cách **Ẩn các nội dung menu của desktop trong thiết kế bản mobile.**

<figure><img src="/files/SlkfDDZ2NptRH69mKOdF" alt=""><figcaption></figcaption></figure>