Custom CSS
/*--Multi-Office Layout Fixes--*/
@media screen and (max-width: 1040px) {
.multi-office-select {
display: block;
width: 100%;
}
.multi-office-select .office-box {
display: inline-block;
width: 50%;
margin-bottom: 10px;
margin-left:-10px;
}
.multi-office-select .office-box:nth-of-type(2n) {
margin-left: 10px;
}
.multi-office-select .office-box .btn-office {
width: 100%;
}
}
@media screen and (max-width: 620px) {
.multi-office-select .office-box,
.multi-office-select .office-box:nth-of-type(2n) {
display: block;
width: 100%;
margin-left: 0px;
}
}
Test Case Shortcodes
[multioffice office_1_location="Office 1" office_1_pageid="268"]
[multioffice office_1_location="Office 1" office_1_pageid="268" office_2_location="Office 2" office_2_pageid="268"]
[multioffice office_1_location="Office 1" office_1_pageid="268" office_2_location="Office 2" office_2_pageid="268" office_3_location="Office 3" office_3_pageid="268"]
[multioffice office_1_location="Office 1" office_1_pageid="268" office_2_location="Office 2" office_2_pageid="268" office_3_location="Office 3" office_3_pageid="268" office_4_location="Office 4" office_4_pageid="268"]
[multioffice office_1_location="Office 1" office_1_pageid="268" office_2_location="Office 2" office_2_pageid="268" office_3_location="Office 3" office_3_pageid="268" office_4_location="Office 4" office_4_pageid="268" office_5_location="Office 5" office_5_pageid="268"]
[multioffice office_1_location="Office 1" office_1_pageid="268" office_2_location="Office 2" office_2_pageid="268" office_3_location="Office 3" office_3_pageid="268" office_4_location="Office 4" office_4_pageid="268" office_5_location="Office 5" office_5_pageid="268" office_6_location="Office 6" office_6_pageid="268"]