Hướng dẫn căn giữa menu trong genesis

Mặc định thì ở một số theme trong genesis cho phép bạn chèn các thuộc tính left và right vào trong từng menu con, tuy nhiên nếu bạn sử dụng ít menu thì trông nó khá là xấu kiểu căn lề sang bên trái nhìn cảm giác không được đẹp mắt như ví dụ bên dưới.

Hướng dẫn căn giữa menu trong genesis

Tuy nhiên chúng ta có căn giữa các menu con này một cách đơn giản bằng cách chèn các thuộc tính css vào file style.css. Và dưới đây là hướng dẫn.

Hướng dẫn căn giữa menu trong genesis framework

Hướng dẫn này được sử dụng trên theme genesis sample nên nó sẽ hoạt động trên bất kỳ theme nào của studiopress.

1. Thêm các thuộc tính căn giữa vào nav menu

Bằng cách sao chép toàn bộ code bên dưới vào style.css mặc định trong thư mục contents/themes/sample/style.css hãy thay đổi cho phù hợp với theme của bạn.

Center Primary Menu

Center Secondary Menu

2. Phân biệt giữa các loại menu trong genesis

Để phân biệt đâu là menu “Primary” và đâu là “Secondary Menu” bạn chỉ cần xem mẫu ảnh bên dưới.
Hướng dẫn căn giữa menu trong genesis

3. Kết quả sau khi thực hiện hướng dẫn trên.

 

Hướng dẫn căn giữa menu trong genesis

Chúc thành công!

The post Hướng dẫn căn giữa menu trong genesis appeared first on sampres.com.

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Hướng dẫn cài đặt wordpress trên Xampp mới nhất

Cài đặt wordpress là bước đầu tiên để bắt đầu bất kỳ dự án nào, nhiều người trong chúng ta đặc biệt là những người mới việc cài đặt wordpress sẻ trở lên khó khăn hơn bao giờ hết, tuy nhiên nếu để ý kỹ bạn sẽ thấy thực sự không phải như vậy và ở bài viết này tôi sẽ hướng dẫn bạn cách cài đặt wordpress trên xampp một cách nhanh và dễ hiểu nhất. Xampp là gì? Xampp hay còn gọi một là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào. Chúng ta thường sử dụng xampp để cài đặt mã nguồn website như wordpress với nhiều ưu điểm như quản lý dễ dàng, dễ dàng theo tác, sử dụng offline ngay cả khi không có kết nối dữ liệu, ngoài ra bạn có thể sao lưu dữ liệu của mình lên online bất kỳ khi nào muốn. Làm thế nào để cài đặt xampp trên windows? Thật may mắn là xampp là một ...
Đọc thêm

Quy trình SEO tổng thể một dự án by Vũ Đức Mạnh

Hình ảnh
Seo là công việc tốn khá nhiều thời gian đối với bất kỳ dự án nào vì vậy đa số trong chúng ta đều không muốn làm điều đó tuy nhiên nó là công việc bắt buộc để bạn bắt đầu xây dựng thương hiệu cá nhân của mình trên internet, và dưới đây chúng tôi xin chia sẻ bạn bài viết quy trình SEO  thành công cho bất kỳ dự án nào bên dưới đây hãy cùng xem nhé. Phần 1: Nghiên cứu từ khóa Là bước đầu tiên sau khi nhận từ khóa của khách hàng gồm các từ khóa chính, tiếp theo nhập từ khóa chính vào Keywords Explorer của Ahrefs để kiểm tra độ khóa và các từ khóa liên quan. Thông thường trên lý thuyết thì những từ khóa có chỉ số Difficulty (Độ khó) từ 0 – 5 là những từ khóa dễ, từ 5 – 10 là những từ khóa trung bình, trên 10 là những từ khóa khó. Trên thực tế để đánh giá một từ khóa khó cần phải phân tích các chỉ số của đối thủ như Url Rating, Domain Rating, hồ sơ backlink có chất lượng không? Đặc biệt là 2 chỉ số ...
Đọc thêm

Hướng dẫn tích hợp Widget Zalo Chat vào website wordpress

Hình ảnh
Zalo chat là một trong những mạng xã hội lớn nhất việt làm, theo thống kê thì có tới 90% người dùng sử dụng zalo liên tục để nhắn tin, vì thế nó được xếp vào một trong những kênh bán hàng lớn hiện nay, hiện nay zalo đã ra các phiên bản dành cho máy tính, tuy nhiên chúng ta mới chỉ có thể sử dụng vào việc nhắn tin thôi vì nó chưa hỗ trợ đăng stt – Và để thuận tiện hơn trong việc kết nối với nhau hôm nay mình sẽ hướng dẫn bạn cách tích hợp Zalo Chat vào website wordpress một cách đơn giản nhất. Hướng dẫn tích hợp Widget Zalo Chat vào website wordpress Chúng ta có thể thực hiện việc này bằng hai cách khác nhau, tùy vào mục địch sử dụng của bạn các thứ nhất là chúng ta sẽ chèn trực tiếp code zalo chát vào widgets của wordpress, hoặc đối với bạn nào không muốn chỉnh sửa code thì có thể cài plugin OT Zalo chức năng tương tự. Hướng dẫn chèn code Zalo chát vào Widgets website wordpress Để thực hiện việc này trước tiên bạn cần phải truy cập vào tài khoản zalo của mình, nếu bạn chưa có tà...
Đọc thêm