Tạo menu xổ ngang trong widget area

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

Cách như chuyển đổi menu xổ ngang trong Widget Area

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

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

Khi miêu tả làm trang web dùng UX thuận lợi BUILDER của tình trạng theme Flatsome cuốn hút nhất , chúng thật dễ chịu ta có lẽ thêm một menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên chọn lựa cạnh đó, nếu một mục nào đó của menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub giai đoạn -menu của mức chi phí nó hiển thị cực kỳ chán (ngay bên dưới menu cha) và buộc phải Click cam đoan chuột (bấm lệnh chuột) vào menu cha thì sub thay thế bởi -menu mới hiển thị. dễ Vấn đề rất là gần đột nhiê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 cần làm CSS để chuyển đổi menu xổ ngang trong widget Area

Vấn phấn đấu đề sẽ được giải quyết hoàn toàn chỉ 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 lo âu tập CSS tùy chỉnh trong theme các thu thập dữ liệu bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao bất kể diện – Tùy biến – Style – Custom tiêu đề CSS – Custom hữu dụng CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.widget phát hành ul.menu>li.has-child:hover >.sub-menu

display Tuy nhiên :block

rất

.widget ul.menu ngay ul.sub-menu

display trong khoảng thời gian dài : none;

position đã : absolute;

width nhất : 100%;

left tiện lợi :99%;

min rất -height: 180px;

z bắt mắt -index: 999;

border có nghĩa : 1px solid #cc0000 !important;

background linh động : #fff;

hữu ích

.widget malware .toggle

transform luôn : rotate(-90deg);

rất rất

Nếu các bạn hiểu nhanh về CSS quá thì sẽ chưa nhận biết

Với thuộc tính có lẽ border: các cũng bạn có lẽ những điều chỉnh đường viền không thể của sub-menu
Với chớ thuộc tính background: các bạn lắm có lẽ sẽ điều chỉnh mã màu nền

Lời kiểm tra kết hưởng thụ kết quả sau khi chuyển đổi menu những xổ ngang mất trong widget Area

Các bài bài liên quan:

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