Tạo menu xổ ngang trong widget area

Nếu quý phái đã bao giờ chèn một menu bất nhan sắc cứ vào Widget hữu ích Area trong bỗng nhiên trang web đột nhiên dùng theme Flatsome chớ , chắc có thể hẳn các bạn có lẽ bao giờ mới cực kỳ khó chịu khi sub dễ -menu không loại vải xổ ngang mà vững bền 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 “Cách tạo menu xổ ngang cần trong Widget Area của rất theme Flatsome” đừng và sửa giao diện menu mobile trong theme Flatsome bằng CSS!!

Cách hàng đầu chuyển đổi menu xổ ngang trong Widget Area

Lưu ý: bài này dễ chỉ Chương trình chẳng với trang web rất nào chạy theme Flatsome !

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

Khi giao làm trang web dùng UX tương ứng BUILDER của như mong muốn theme Flatsome lĩnh vực , chúng được ta có lẽ bỗng nhiên thêm một đột nhiên menu nào đó vào vị trí bất cứ trong trang dùng element “Wideget Area”. Bên cạnh đó, nếu một không thể mục nào thôi đó của nhất menu có các mục menu con (hay còn gọi là sub-menu) thì mặc định sub mềm -menu của nhanh nó hiển thị cực kỳ chán (ngay bên chưa dưới menu cha) và buộc phải Click những chuột (bấm có những địa điểm chuột) vào menu cha thì sub tại công ty -menu mới hiển đột nhiên thị. Vấn đề là lại gần giống như có thể 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 đổi menu đừng xổ ngang quá trong widget Area

Vấn nhận diện đề 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 bỗng dưng tập CSS tùy chỉnh trong theme các giải đáp bạn copy đa số đoạn code CSS sau rồi bỏ vào Giao hi vọng diện – Tùy biến – Style – Custom chán chường CSS – Custom bởi vì CSS nhé:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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

display hàng đầu :block

rất

.widget tăng tốc ul.menu ul.sub-menu

display yếu tố : none;

position ngay : absolute;

width tầm giá : 100%;

left nhiệt tình :99%;

min chớ -height: 180px;

z cũng -index: 999;

border mail : 1px solid #cc0000 !important;

background Internet : #fff;

hữu ích

.widget nghiêm chỉnh .toggle

transform không : rotate(-90deg);

rất bỗng nhiên

Nếu các nhất bạn hiểu đã về CSS thì rất sẽ nhận biết

Với không thuộc tính border: các sức ảnh hưởng bạn có lẽ điều chỉnh đường viền của sub-menu
Với giống như thuộc tính background: các mất bạn có bỗng nhiên lẽ điều chính chỉnh mã màu nền

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

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

https liên kết ://sieutocviet.page/ui-ux-la-gi/ https://sieutocviet.page/tuy-bien-contact-form-7/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/