Menu css bánh mì kẹp thịt
Divi là một chủ đề có thể tùy chỉnh mở rộng vì có rất nhiều cơ hội trong mỗi phần để thực hiện các thiết kế độc đáo mới. Một trang web có nhiều mục như đầu trang, chân trang, nội dung,. Trong số đó, tiêu đề là một trong những phần quan trọng nhất vì nó chứa các liên kết đến các trang quan trọng trên trang web của bạn mà khách hàng tiềm năng sẽ thường xuyên muốn truy cập. Đi ra, nó cung cấp những điểm chính về trang web của bạn, thu hút khách hàng của bạn khám phá thêm. Trong hướng dẫn hôm nay, bạn sẽ thấy cách bạn có thể thêm chuyển đổi menu hamburger trên menu tiêu đề điều hướng trên cùng. Chúng ta thường biết rằng menu bánh hamburger được sử dụng cho các kích thước màn hình nhỏ. Nhưng hôm nay chúng ta sẽ thấy nó ở chế độ máy tính để bàn. Hãy đừng lãng phí thêm thời gian và bắt đầu hướng dẫn hôm nay của chúng tôi
Show Nhìn lénhôm nay chúng ta sẽ tạo ra thiết kế này, nơi menu điều hướng sẽ được ẩn sau menu hamburger One section. Toàn bộ tiêu đề mẫuChúng ta sẽ bắt đầu bằng cách đi tới trình tạo chủ đề Divi và nhấp vào "Thêm tiêu đề chung". Một trình đơn sẽ bật lên và chọn "Xây dựng tiêu đề chung". Chọn "Xây dựng từ đầu" và tiếp tục Tạo trang web tuyệt vờiVới trình tạo trang miễn phí tốt nhất Elementor Bắt đầu ngay bây giờPhần hai. Toàn bộ tiêu đề thiết kếCài đặt. Phần chínhMàu nềnHiện tại chúng ta sẽ bắt đầu thiết kế tiêu đề. Đầu tiên, thay đổi màu nền của phần đầu cấm.
DistanceSau đó, chuyển đến cài đặt khoảng cách trong tab thiết kế và đặt khoảng cách đệm trên cùng và dưới cùng bằng cách không
Họ. Hàng mớiHãy tiến xa hơn bằng cách thêm một hàng mới vào thiết kế của chúng tôi. Chọn các chủ đề cập nhật trong hình ảnh. Định cỡTrước khi thêm bất kỳ mô-đun nào nữa, hãy thay đổi kích thước hàng
DistanceĐiều chỉnh phần đệm trên và dưới
Họ. Menu mô-đun vào cộtMenu SelectionBây giờ, hãy thêm một menu mô-đun vào cột của hàng mới và chọn một menu Add iconBây giờ hãy thêm logo vào mô-đun Xóa màu nềnSau đó, xóa màu nền mặc định của mô-đun Cài đặt. Văn bản MenuTừ tab thiết kế của mô-đun này và thay đổi cài đặt menu văn bản cho phù hợp
Cài đặt. Menu thả xuốngThay đổi cài đặt menu thả xuống tiếp theo
Cài đặt. Icon iconThay đổi cả cài đặt biểu tượng
Định cỡTừ cài đặt kích thước, hãy thay đổi chiều rộng tối đa cho logo
DistanceThực hiện một số điều chỉnh đối với khoảng cách
Rotary sectionManu của chúng tôi bây giờ đã được phân cực. Vì vậy, đã đến lúc làm cho mặt cắt bỏ. Từ cài đặt phần, hãy chuyển đến tab nâng cao và thực hiện cài đặt được đề cập bên dưới.
Màu nền. Chế độ hủyBây giờ, hãy sửa đổi màu nền của toàn bộ phần trong trạng thái hiện tại
bóng tối. Chế độ hủyÁp dụng hộp bóng cho phần này cũng như từ tab thiết kế
Phần ba. Chuyển đổi biểu tượng bánh hamburgerID CSS của menu mô-đunTôi sẽ tập trung vào việc tạo biểu tượng bật tắt biểu tượng bánh hamburger trên máy tính để bàn trong phần tiếp theo của hướng dẫn. Đầu tiên, hãy mở cài đặt của Menu Mô-đun, chuyển đến tab nâng cao và chỉ định một ID CSS.
Add module codeBây giờ hãy thêm mã mô-đun bên dưới menu mô-đun Mã CSSBây giờ, hãy thêm Kiểu thẻ và đặt mã bên trong thẻ
Mã JQuerySau đó, thêm Tập lệnh thẻ và đặt mã bên trong thẻ
Hiện tại, hãy lưu tiến trình và quay lại tùy chọn tạo phân chia bằng cách nhấn vào dấu thập trên cùng bên phải. Kết quả cuối cùngBởi vì chúng tôi đã thành công qua tất cả các bước, đây là thiết kế hôm nay vượt trội của chúng tôi trông như thế nào Lời kếtBạn có thể sáng tạo theo nhiều cách với Divi. Nó cho phép bạn hoàn toàn tự làm để thiết kế trang web của mình ngay khi bạn cần. Hôm nay bạn đã thấy thêm một menu điều hướng ở cùng bên trong menu bánh hamburger trên màn hình máy tính để bàn. Tôi hy vọng điều này sẽ giúp bạn tạo ra nhiều chủ đề sáng tạo hơn và nếu bạn thấy hướng dẫn này hữu ích, hãy chia sẻ với bạn bè của bạn sẽ rất TUYỆT VỜI. |