/* 4. Fix Category Columns (af_col_x) on Mobile */
/* CHANGE: Use 50% width to create a 2x2 Grid instead of a long list */
td.af_col_1, td.af_col_2, td.af_col_3, td.af_col_4 {
display: inline-block !important;
width: 50% !important; /* 50% = 2 Columns side-by-side */
float: left !important; /* Forces them to sit next to each other */
box-sizing: border-box !important;
border: none !important;
padding: 5px !important;
vertical-align: top !important;
}
/* --- PROTECTION FOR CATEGORY COLUMNS (Bottom of Forum Home) --- */
/* Ensure these columns are NEVER hidden by the mobile logic */
table#af_list td,
table#af_list td:nth-last-child(1),
table#af_list td:nth-last-child(2) {
display: table-cell !important;
width: 25%; /* Default to 4 columns on Desktop */
visibility: visible !important;
}
/* On Mobile, enforce the 2-column grid defined above */
@media screen and (max-width: 768px) {
table#af_list td.af_col_1,
table#af_list td.af_col_2,
table#af_list td.af_col_3,
table#af_list td.af_col_4 {
display: inline-block !important;
width: 50% !important;
box-sizing: border-box !important;
}
}
Automotive Forums Car Chat - View Single Post - Jaguar XJ13