test top bar

การประยุกต์ใช้ SiteOrigin Page Builder ในหน้าจอมือถือ

การทำให้ SiteOrigin แสดง 2 คอลัมน์ ในหน้าจอมือถือ

ขั้นแรก สร้าง row แล้วแบ่ง 2 column

ขั้นสอง เปลี่ยน Collapse Behaviour ด้านขวามือ ให้เป็น No Collapse เป็นอันเสร็จสิ้น

 

แต่ถ้า อยากให้หน้าจอคอมมี 4 คอลัมน์ แต่หน้าจอมือถือมี 2 คอลัมน์ละ ?

ขั้นแรก ทำตามขั้นตอนด้านบนเหมือนเดิม

ขั้นสอง Add Layout ฺฺBuilder เข้าไปในคอลัม

ขั้นสาม เข้าไป edit ใน Layout ฺฺBuilder โดยการสร้าง row แล้ว แบ่ง 2 คอลัม แต่ใช้ Collapse Behaviour เป็น Standard

ขั้นสี่ ทำเหมือนกันกับอีกคอลัมนึง Save เป็นอันเสร็จสิ้น

หมายเหตุ มีหลังไมค์มาแนะนำว่าถ้าเป็นแบบหลังแนะนำให้ ระดับด้านนอกเป็น Standard แล้วด้านในเป็น No Collapse จะดีกว่านะครับ