> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cau-hinh-website/chinh-sua-giao-dien-cho-dien-thoai.md).

# Chỉnh sửa giao diện cho điện thoại

Chọn **chế độ máy tính/điện thoại** trên trình chỉnh sửa để tùy chỉnh tương ứng cho từng thiết bị

* **Icon máy tính**: Chỉnh sửa giao diện hiển thị trên máy tính
* **Icon điện thoại**: Chỉnh sửa giao diện hiển thị trên điện thoại
* **Icon con mắt**: Ẩn/hiện các phần tử đang sử dụng tính năng ẩn/hiện trên từng thiết bị tương ứng

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

Hầu hết các phần tử trên Tempi đều có hỗ trợ chỉnh sửa riêng **kích thước (chiều rộng, chiều cao), cỡ chữ, bố cục** hiển thị riêng cho máy tính và điện thoại, chi tiết như bảng dưới

<table><thead><tr><th width="183">Phàn tử</th><th width="433">Thuộc tính hỗ trợ chỉnh sửa riêng cho máy tính/điện thoại</th></tr></thead><tbody><tr><td>Tất cả phần tử</td><td><p></p><ul><li>Margin</li><li>Padding</li></ul></td></tr><tr><td>Danh sách sản phẩm</td><td>Cỡ chữ</td></tr><tr><td>QR code</td><td>Kích thước</td></tr><tr><td>Icon</td><td>Kích thước<br></td></tr><tr><td>Slideshow ảnh</td><td><p></p><ul><li>Chiều cao</li><li>Số lượng phần tử hiển thị trên 1 hàng</li></ul></td></tr><tr><td>Video</td><td>Chiều rộng</td></tr><tr><td>Button</td><td>Kích thước<br>Cỡ chữ</td></tr><tr><td>Gallery</td><td><p>Layout</p><p>Số cột</p><p>Khoảng cách giữa các ảnh</p></td></tr><tr><td>PDF viewer</td><td>Kích thước<br></td></tr><tr><td>Tab</td><td>Cỡ chữ</td></tr><tr><td>Countdown</td><td>Cỡ chữ</td></tr><tr><td>Câu hỏi thường gặp</td><td><p></p><ul><li>Chiều rộng</li><li>Cỡ chữ</li><li>Khoảng cách giữa các mục</li></ul></td></tr><tr><td>Nội dung thu gọn</td><td><ul><li>Cỡ chữ</li><li>Khoảng cách với nội dung</li></ul><p><br></p></td></tr><tr><td>Icon mạng xã hội</td><td><p></p><ul><li>Kích thước khung</li><li>Kích thước biểu tượng</li><li>Khoảng cách</li></ul></td></tr><tr><td>Danh sách cửa hàng</td><td>Khoảng cách trên khi scoll</td></tr><tr><td>Progress</td><td><p></p><ul><li>Chữ: Cỡ chữ, khoảng cách dòng</li><li>Số: Cỡ chữ, khoảng cách dòng</li><li>Kiểu bar: Chiều cao</li></ul></td></tr><tr><td>Danh sách bài viết</td><td><p></p><ul><li>Dạng lưới: Số hàng, số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li><li>Dạng danh sách: Số lượng bài viết hiển thị, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li><li>Dạng trượt: Số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li></ul></td></tr><tr><td>Trang sách</td><td><ul><li>Chiều cao</li><li>Chiểu rộng<br></li></ul></td></tr><tr><td>Danh sách</td><td><p>Số lượng mục trên 1 hàng</p><p>Khoảng cách giữa các mục</p><p>Khoảng cách giữa các hàng</p></td></tr><tr><td>Văn bản</td><td><p></p><ul><li>Cỡ chữ</li><li>Khoảng cách dòng</li><li>Khoảng cách chữ</li></ul></td></tr></tbody></table>

Đối với những phần bạn thiết kế khác nhau hẳn cho máy tính và điện thoại thì có thể chọn ẩn/hiện trên thiết bị tương ứng. **VD:** Bạn thiết kế ảnh A chỉ muốn hiển thị cho máy tính thì bạn có thể tùy chỉnh tương ứng như hình bên dưới

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