Tạo menu xổ ngang trong widget area

khuyến mãi Nếu hướng dẫn đã hoạt động ba triệt để o trong khoảng thời gian dài giờ vừa mới đây siêu chèn một menu bất cứ vào Widget Area trong cũ trang web cần dùng theme Flatsome, chắc chớ hẳn các chính bạn bao đã giờ cực chậm kỳ khó chịu đột nhiên khi sub-menu không chớ xổ n đừng gang mà dễ bị đẩy thôi xuống phía quá dưới? Cách không làm này đột nhiên bảo đảm chỉ sẽ bổ chẳng ích cho các cả bạn đấy, lắm mời theo chưa dõi “Cách tạo cả menu xổ ngang không trong Widget thường Area của chậm theme Flatsome” đừng và sửa cần giao diện chẳng menu mobile đột nhiên trong theme chưa Flatsome bằng CSS!!

Cách chuyển đổi menu lại xổ ngang có lẽ trong Widget Area

Lưu ý: chính bài này đột nhiên chỉ Chương có thể trình với mới trang web được nào chạy vẫn theme Flatsome !

Cách nhận ngay biết vấn chậm đề khi chẳng bắt đầu những chuẩn bị đang chuyển đổi thường menu xổ đích ngang widget Area

Khi chớ làm trang bỗng nhiên web dùng UX mới BUILDER của nhanh theme Flatsome, chúng chính ta có không thể lẽ thêm rất một menu vẫn nào đó cũ vào vị đang trí bất lại cứ trong đích trang dùng lại element “Wideget Ar được ea”. Bên thường cạnh đó, chưa nếu một chậm mục nào dễ đó của ngay menu có không thể các mục luôn menu con nhất (hay còn ngay gọi là lại sub-menu) thì đột nhiên mặc định sub-menu của cũng nó hiển cũ thị cực không thể kỳ chán cần (ngay bên đột nhiên dưới menu chỉ cha) và buộc sẽ phải Click lại chuột (bấm được chuột) vào menu không thể cha thì sub-menu mới hiển lại thị. Vấn thôi đề là được gần giống chỉ như 90% đừng các bạn nhanh Việt Nam chậm không ưa mất kiểu hiển thường thị này, người cũ ta quen không thể với kiểu chỉ hiển thị được menu con cả xổ ngang đang bên phải rất khi rê thường chuột vào nhất menu Cha.

Sửa CSS để nhanh chuyển đổi cần menu xổ cả ngang trong những widget Area

Vấn vẫn đề sẽ đột nhiên được giải chớ quyết hoàn đang toàn chỉ với lại một vài cần dòng code lại CSS dễ bỗng nhiên dàng thôi, chẳng các bạn lắm cùng theo cũng dõi tuần cả tự bao lắm giờ bước lắm một nhé! biên tập mất CSS tùy nhanh chỉnh trong theme các nhất bạn copy đang đa số chớ đoạn code CSS rất sau rồi đích bỏ vào Giao cũng diện – Tùy luôn biến – Style – Custom cũng CSS – Custom mới CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget lại ul.menu>li.has-child:hover chỉ >.sub-menu

display:block

rất

.widget có lẽ ul.menu lại ul.sub-menu

display: chẳng none;

position: rất absolute;

width: nhất 100%;

left:99%;

min-height: cả 180px;

z-index: đích 999;

border: 1px solid ngay #cc0000 !important;

background: lại #fff;

hữu ích

.widget có lẽ .toggle

transform: rất rotate(-90deg);

rất

Nếu các nhất bạn hiểu lại về CSS ngay thì sẽ không thể nhận biết

Với cần thuộc tí nhất nh bord dễ er: các nhất bạn có không lẽ điều rất chỉnh đường không thể viền của sub-menu
Với thuộc nhất tính background: các có lẽ bạn có cũ lẽ điều cần chỉnh mã dễ màu nền

Lời kết hưởng dễ thụ kết dễ quả sau khi chuyển đổi thôi menu xổ lắm ngang trong chậm widget Area

Các chỉ bài l rất iên qu lắm an:

https://sieutocviet.page/ui-ux-la-gi/ quá https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/