ปัญหาหน้าเพจในส่วนของ Page List ไม่เรียงกันในมุมมองมือถือ แก้ด้วย class : Blogger

เล่าเรื่องโดย iEasyCom_Admin

 ปัญหาหน้าเว็บไม่เรียงกันในมุมมองมือถือ แก้ด้วย class


1. แก้ไขส่วน b:section

ก่อนอื่นไปที่ ส่วนของ Pagelist

ค้นหา บรรทัดนี้ <b:section class='tabs' id=..............................> 

ให้แก้ไขเป็นตามนี้

<b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='true'>


2. แก้ไขระยะห่างระหว่างแต่ละแท็บ 

โดยค้นหาคำว่า .tabs ในส่วน header แล้วหาที่คำว่า padding แก้ไขตัวเลขให้เป็นค่าน้อย ๆ เพื่อให้ข้อความชื่อแท็บอยู่ใกล้ ๆ กัน

ดัวตัวอย่างที่แก้ไขคือที่เป็นตัวสีแดง

.tabs{

list-style:none

}

.tabs li{

display:inline-block

}

.tabs li a{

cursor:pointer;

display:inline-block;

font-weight:700;

text-transform:uppercase;

padding:3px 3px

}