Other Navtab ResponsiveNarrow-Chỉ kiểm soát chiều rộng Tab

[PVS]

Navtab ResponsiveNarrow-Chỉ kiểm soát chiều rộng Tab

Có những lúc cần chiều rộng tab của bạn được crushed down một chút để làm cho navbar của bạn hoạt động một cách trực quan hấp dẫn hơn cho người dùng của bạn duyệt trang web đang sử dụng thiết bị của họ mà sử dụng render ResponsiveNarrow.

Điều này rất hữu ích trên trang web chủ yếu cho người dùng đăng nhập khi visitors bar đã được populated, để tối ưu hóa navigation bar đầy đủ khi sử dụng trên điện thoại thông minh trong portrait view.

Đây là một chỉnh sửa đơn giản đến template EXTRA.css của bạn.

/* == manually override navtab and visitortab widths for ResponsiveNarrow styling == */
@media (max-width:@maxResponsiveNarrowWidth)
{
.navTabs .publicTabs .navLink .navTabSelected
{
    padding: 0 15px !important;
    border-bottom: none !important;
}
.navTabs .visitorTabs .navLink .navTabSelected
{
    padding: 0 10px !important;
    border-bottom: none !important;
}
}

Để thay đổi độ rộng (lớn hơn hoặc nhỏ hơn) Navigation Tabs của bạn, chỉ cần thay đổi giá trị pixel padding của publicTabs nhiều hơn hoặc ít hơn.

Để thay đổi độ rộng (lớn hơn hoặc nhỏ hơn) Visitor Tabs của bạn, chỉ cần thay đổi giá trị pixel padding của visitorTab nhiều hơn hoặc ít hơn.

Chúc các bạn thành công.

Nguồn: xenforo.com​