Embedded Widget - Optional Mobile tweks

Adjust size, alter elements of Embedded widget for mobile devices

To make the chat button smaller:

 

@media screen and (max-device-width: 480px) {
 #lhnHocButton{ zoom: .6; }
}

 

To adjust minimize button size of the Embedded Chat Window:

 

@media screen and (max-device-width: 480px) {
#lhnHelpOutCenter div.lhnWindow-header button.lhnWindow-header-closer, #lhnHelpOutCenter div.lhnWindow-header button.lhnWindow-header-minimizer {width:25px}
}

 

To hide invitation window:

 

@media screen and (max-device-width: 480px) {
 div#lhnHocInvite {display:none;}
}

Related articles