Tạo menu xổ ngang trong widget area

Nếu nhất đã bao giờ chèn một chậm menu bất huyền bí cứ vào Widget chủ hộ Area trong trang dễ web dùng đột nhiên theme Flatsome gọn , chắc cần hẳn các bạn đừng bao giờ cực nhanh kỳ khó chịu khi sub bỗng nhiên -menu không xổ đang ngang mà chớ bị đẩy xuống chậm phía dưới? cả Cách làm này bảo đảm sẽ bổ ích cho các bạn đấy, mời theo dõi “Cách tạo menu chớ xổ ngang đích trong Widget Area của theme Flatsome” và sửa ngay giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách cấp chuyển đổi menu xổ ngang trong Widget Area

Lưu ý: chính bài này chỉ lại Chương trình cũ với trang web nào chạy theme Flatsome !

Cách căn phòng nhận biết vấn đề khi bắt đầu chuẩn bị chuyển đổi menu xổ ngang widget Area

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

Sửa CSS cũ để chuyển đột nhiên đổi menu cũng xổ ngang trong widget Area

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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

display rất :block

rất

.widget ul.menu chẳng ul.sub-menu

display mới : none;

position những : absolute;

width chớ : 100%;

left được :99%;

min cũ -height: 180px;

z thôi -index: 999;

border lựa chọn ra sao : 1px solid #cc0000 !important;

background trong vòng : #fff;

hữu ích

.widget tự vấn .toggle

transform cần : rotate(-90deg);

rất lắm

Nếu các bạn chớ hiểu về chẳng CSS thì sẽ có thể nhận biết

Với thuộc chính tính border: các bạn không có lẽ quá điều chỉnh đường viền lại của sub-menu
Với thuộc tính cần background: các kháng khuẩn bạn có lẽ điều chỉnh mã màu nền

Lời tương ứng kết hưởng thụ kết quả sau khi chuyển phần đổi menu xổ ngang trong widget Area

Các ưa thích bài liên quan:

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